与Telerik RadGrid合作

时间：2016-11-02 09:03:09

标签： c# jquery asp.net telerik radgrid

我有一个Rad组合框和一个2 RadGrids - grvUser和grvRole

grvUser RadGrid如下...... 

<telerik:RadGrid ID="grvUser" runat="server" EnableEmbeddedSkins="False"  Skin="skn_RadGrid" SkinsDir="|CurrentTheme|/" SkinsPath="|CurrentTheme|/"
            OnItemCreated="grvUser_ItemCreated" OnItemCommand="grvUser_ItemCommand" OnItemDataBound="grvUser_ItemDataBound" OnNeedDataSource="grvUser_NeedDataSource" GroupHeaderItemStyle-CssClass="rgGroupPanel">
            <MasterTableView TableLayout="Fixed" OverrideDataSourceControlSorting="true" NoMasterRecordsText ="No Records Found, Please Refine Search To Display "> 
                <Columns>
                    <telerik:GridBoundColumn FilterControlAltText="Filter column column" DataField="UserId"
                        UniqueName="UserId" HeaderText="User Id" HeaderStyle-Width="120px" FilterControlWidth="70px"
                        AutoPostBackOnFilter="true">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn FilterControlAltText="Filter column column" DataField="UserName" AllowFiltering="true" ShowFilterIcon="true"
                        UniqueName="UserName" HeaderText="User Name" HeaderStyle-Width="120px" FilterControlWidth="70px"
                        AutoPostBackOnFilter="true">
                    </telerik:GridBoundColumn>
                </Columns>
            </MasterTableView>
            </telerik:RadGrid>

grvRole RadGrid如下...... 

<telerik:RadGrid ID="grvRole" runat="server" EnableEmbeddedSkins="False"  Skin="skn_RadGrid" SkinsDir="|CurrentTheme|/" SkinsPath="|CurrentTheme|/"
            OnItemCreated="grvRole_ItemCreated" OnItemCommand="grvRole_ItemCommand" OnItemDataBound="grvRole_ItemDataBound" OnNeedDataSource="grvRole_NeedDataSource" GroupHeaderItemStyle-CssClass="rgGroupPanel">
            <MasterTableView TableLayout="Fixed" OverrideDataSourceControlSorting="true" NoMasterRecordsText ="No Records Found, Please Refine Search To Display "> 
                <Columns>
                    <telerik:GridBoundColumn FilterControlAltText="Filter column column" DataField="RoleId"
                        UniqueName="RoleId" HeaderText="Role Id" HeaderStyle-Width="120px" FilterControlWidth="70px"
                        AutoPostBackOnFilter="true">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn FilterControlAltText="Filter column column" DataField="RoleName" AllowFiltering="true" ShowFilterIcon="true"
                        UniqueName="RoleName" HeaderText="Role Name" HeaderStyle-Width="120px" FilterControlWidth="70px"
                        AutoPostBackOnFilter="true">
                    </telerik:GridBoundColumn>
                </Columns>
             </MasterTableView>
            </telerik:RadGrid>

RadComboBox的代码如下...... 

<telerik:RadComboBox ID="ddlType" runat="server" DataValueField="Description"
                        DataTextField="Description" Text="(Select)" AllowCustomText="True" Width="200px"
                        OnClientDropDownClosed="onDropDownClosing1"  Skin="Default">
                        <ItemTemplate>
                            <div onclick="StopPropagation(event)" class="combo-item-template" onmousemove="">
                                <asp:CheckBox runat="server" ID="chk1" onclick="onStatusChecked(this)" />
                                <asp:Label runat="server" ID="Label1" AssociatedControlID="chk1">
                              <%# Eval("Description")%>
                                </asp:Label>
                            </div>
                        </ItemTemplate>
                        <HeaderTemplate>
                            <asp:CheckBox ID="ChckAll" Text="(Check All)" runat="server" OnClick="checkAllStatus(this)" />
                        </HeaderTemplate>
                    </telerik:RadComboBox>

ddlType RadComboBox包含2个值。 1是User，2是Role。默认情况下＆＃34;用户＆＃34;被选中并且将显示grvUser。如果用户选择Role，那么我们需要显示aspx页面中定义的grvRole。

如何为RadComboBox触发onchange事件并显示正确的RadGrid用户或角色？

更新

jQuery中的实现对我来说没问题。

2 个答案:

答案 0 :(得分：1)

  

清楚地说出了什么是精心构思的，以及说出来的话   轻松流动。

如何：根据RadComboBox值显示/隐藏控件？

首先让我们声明一个包含3个内联项的简单RadComboBox：

<telerik:RadComboBox ID="RadComboBox1" runat="server" >
    <Items>   
        <telerik:RadComboBoxItem runat="server" Text="ALL" />   
        <telerik:RadComboBoxItem runat="server" Text="grvUser" />   
        <telerik:RadComboBoxItem runat="server" Text="grvRole" /> 
    </Items>
</telerik:RadComboBox>


1 /。我们现在需要一个每次用户选择“值”时都会触发的事件。

OnSelectedIndexChanged会做到这一点。
当你谈到jQuery实现时，这里是文档RadComboBox事件：

  

注意： SelectedIndexChanged ， TextChanged 和 OnCheckAllCheck 事件不会触发除非您将 AutoPostBack属性设置为True 。


2 /。添加正确的事件和一些标签。

<telerik:RadComboBox ID="RadComboBox1" runat="server" autopostback="True"
                     OnSelectedIndexChanged="RadComboBox1_SelectedIndexChanged"  >
    <Items>   
        <telerik:RadComboBoxItem runat="server" Text="ALL" />   
        <telerik:RadComboBoxItem runat="server" Text="grvUser" />   
        <telerik:RadComboBoxItem runat="server" Text="grvRole" /> 
    </Items>
</telerik:RadComboBox>
<asp:Label ID="Label1" runat="server" Text="My Control 1(grvUser)" />
<asp:Label ID="Label2" runat="server" Text="My Control 2(grvRole)" />


3 /。让我们把它隐藏在

后面的代码中 
protected void RadComboBox1_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)
{
    if (e.Text=="ALL")
    { 
        Label1.Visible = true; 
        Label2.Visible = true; 
    }
    else if (e.Text == "grvUser")            
    {
        Label1.Visible=true; 
        Label2.Visible=false;
    }
    else if (e.Text == "grvRole")
    { 
        Label1.Visible = false; 
        Label2.Visible = true; 
    }
}

这是客户端解决方案。

答案 1 :(得分：1)

使用它显示字段- var agtype = $ telerik。$（atCell）.text（）。trim（）;

if（agtype ==“”保证“”）{{        var masterTableView = sender.get_masterTableView（）;        var columnIndex = masterTableView.getColumnByUniqueName（“” Amount“”）。get_element（）。cellIndex;        masterTableView.showColumn（columnIndex）; }}

相关问题
最新问题