I hope u can help me.
I am coding for the grid that is used in the Telerik MVC Extensions.
I know that it is not supported any more but I thought maybe the current grid has the same style and format.
What I am needing to do is register for the click event for the filter button that is clicked on to apply the filters the user chooses. This is the button that appears in the popup where the user chooses the filters. This is the button that when clicked on causes the server's action method for the Select event to be called.The attached photo shows the filter button I am talking about.
What I am trying to do is write client side code would register one event handler for all the individual click events associated with each filter button in each column filter pop up iin a grid, and also individual event handlers for each click event.
I added code in the grid onLoad event handler to register for the click event but it does not work
I tried first registering for filter button click event the is associated with the first column
function gud_onLoad(e) {
$('#UnAssignedDevices th:eq(1)')
.find(".t-filter-button") //find the filter button
.click(function (e) { // subscribe to its click event
alert("filter button 1");
});
That did not work so I then tried for any filter button click event,
function gud_onLoad(e) {
$("#UnAssignedDevices .t-filter-button").click(function (e) { // subscribe to
its click event
alert("filter button 1");
});
That did not work either
Below is the code for the grid
<%=
Html.Telerik().Grid((IEnumerable<CommandCenter.Models.DeviceViewModel>)ViewData["Devices"])
.Name("UnAssignedDevices")
.Columns(columns =>
{
columns.Bound(d => d.HostId).Visible(false);
columns.Bound(d => d.HostName)
.ClientTemplate("<input type='checkbox' name='chk_add_devices'
value='<#= HostName #>' onclick='select_grp_ua_device(this,this.checked, this.value)'
/>")
.HeaderTemplate("<input type='checkbox'
name='chk_select_grp_ua_devices_hdr' onclick='select_all_grp_ua_devices(this.checked)' />
<span class='box_sep'>Check All</span>")
.Title("Check")
.Width("10%")
.HtmlAttributes(new { style = "text-align:center" });
columns.Bound(d => d.HostName)
.Width("25%");
columns.Bound(d => d.SerialNo)
.Width("25%");
columns.Bound(d => d.TopAssembly)
.Width("25%");
columns.Bound(d => d.MacAddress).Width("25%");
columns.Bound(d => d.Installed).Width("25%");
})
.DataBinding(dataBinding =>
{
dataBinding.Ajax()
.Select("UnAssignedDevices", "DeviceManagement", new { cid =
ViewData["sel_cid"], gid = ViewData["gid"] });
})
.ClientEvents(events => events
.OnDataBinding("gud_onDataBinding")
.OnDataBound("gud_onDataBound")
.OnRowDataBound("gud_onRowDataBound")
.OnLoad("gud_onLoad")
)
.Pageable()
.Filterable()
%>
I am coding for the grid that is used in the Telerik MVC Extensions.
I know that it is not supported any more but I thought maybe the current grid has the same style and format.
What I am needing to do is register for the click event for the filter button that is clicked on to apply the filters the user chooses. This is the button that appears in the popup where the user chooses the filters. This is the button that when clicked on causes the server's action method for the Select event to be called.The attached photo shows the filter button I am talking about.
What I am trying to do is write client side code would register one event handler for all the individual click events associated with each filter button in each column filter pop up iin a grid, and also individual event handlers for each click event.
I added code in the grid onLoad event handler to register for the click event but it does not work
I tried first registering for filter button click event the is associated with the first column
function gud_onLoad(e) {
$('#UnAssignedDevices th:eq(1)')
.find(".t-filter-button") //find the filter button
.click(function (e) { // subscribe to its click event
alert("filter button 1");
});
That did not work so I then tried for any filter button click event,
function gud_onLoad(e) {
$("#UnAssignedDevices .t-filter-button").click(function (e) { // subscribe to
its click event
alert("filter button 1");
});
That did not work either
Below is the code for the grid
<%=
Html.Telerik().Grid((IEnumerable<CommandCenter.Models.DeviceViewModel>)ViewData["Devices"])
.Name("UnAssignedDevices")
.Columns(columns =>
{
columns.Bound(d => d.HostId).Visible(false);
columns.Bound(d => d.HostName)
.ClientTemplate("<input type='checkbox' name='chk_add_devices'
value='<#= HostName #>' onclick='select_grp_ua_device(this,this.checked, this.value)'
/>")
.HeaderTemplate("<input type='checkbox'
name='chk_select_grp_ua_devices_hdr' onclick='select_all_grp_ua_devices(this.checked)' />
<span class='box_sep'>Check All</span>")
.Title("Check")
.Width("10%")
.HtmlAttributes(new { style = "text-align:center" });
columns.Bound(d => d.HostName)
.Width("25%");
columns.Bound(d => d.SerialNo)
.Width("25%");
columns.Bound(d => d.TopAssembly)
.Width("25%");
columns.Bound(d => d.MacAddress).Width("25%");
columns.Bound(d => d.Installed).Width("25%");
})
.DataBinding(dataBinding =>
{
dataBinding.Ajax()
.Select("UnAssignedDevices", "DeviceManagement", new { cid =
ViewData["sel_cid"], gid = ViewData["gid"] });
})
.ClientEvents(events => events
.OnDataBinding("gud_onDataBinding")
.OnDataBound("gud_onDataBound")
.OnRowDataBound("gud_onRowDataBound")
.OnLoad("gud_onLoad")
)
.Pageable()
.Filterable()
%>