Regarding kendo grid

hi team,

we have a kendo grid in our application.. we have applied common fix for all the grids of the application in common file.

we need a solution for the below scenario:

kendo grid having a property of NoRecords so if there are no records then will display the message which kept under the property.

but its throwing some axe issue . So we need enable/disable or remove this property as common page wise.

can any one give me solution how to set this property for the grid to on/off dynamically

To dynamically set the NoRecords property in a Kendo Grid, you can use JavaScript or jQuery to manipulate the grid's configuration. Here's how you can achieve this:

First, make sure you have a reference to the Kendo Grid widget on the page. You can do this by assigning an ID to the grid element and using the $("#gridId") selector.
To enable or disable the NoRecords property, you can use the setOptions method of the Kendo Grid. This method allows you to update the grid's configuration dynamically. Here's an example:

// Get a reference to the Kendo Grid
var grid = $("#gridId").data("kendoGrid");

// Enable the NoRecords property
grid.setOptions({ noRecords: true });

// Disable the NoRecords property
grid.setOptions({ noRecords: false });

If you want to remove the NoRecords property completely, you can set it to null or undefined. Here's an example:

// Remove the NoRecords property
grid.setOptions({ noRecords: null });

By using the setOptions method, you can dynamically enable, disable, or remove the NoRecords property in your Kendo Grid based on your specific requirements.

Remember to replace "gridId" with the actual ID of your Kendo Grid element.

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Jayraj Chhaya2y ago
To dynamically set the NoRecords property in a Kendo Grid, you can use JavaScript or jQuery to manipulate the grid's configuration. Here's how you can achieve this:
1. First, make sure you have a reference to the Kendo Grid widget on the page. You can do this by assigning an ID to the grid element and using the $("#gridId") selector.
2. To enable or disable the NoRecords property, you can use the setOptions method of the Kendo Grid. This method allows you to update the grid's configuration dynamically. Here's an example:
3. // Get a reference to the Kendo Grid var grid = $("#gridId").data("kendoGrid"); // Enable the NoRecords property grid.setOptions({ noRecords: true }); // Disable the NoRecords property grid.setOptions({ noRecords: false });
4. If you want to remove the NoRecords property completely, you can set it to null or undefined. Here's an example:
5. // Remove the NoRecords property grid.setOptions({ noRecords: null });
By using the setOptions method, you can dynamically enable, disable, or remove the NoRecords property in your Kendo Grid based on your specific requirements.

Remember to replace "gridId" with the actual ID of your Kendo Grid element.
0