How to register for filter button click event in client code for gri

1 posts, 0 answers
  1. steven
    steven avatar
    32 posts
    Member since:
    Aug 2014

    Posted 03 Dec 2014 Link to this post

    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()
    %>
Back to Top