在Telerik RadGrid中持久化选中的项目(分页、排序、过滤)
Persist selected items in Telerik RadGrid (paging, sorting, filtering)
我正在使用Telerik RadGrid,并且需要通过分页,排序和保存所选项目;过滤。我发现了这个例子,并尝试了他们的例子,得到了不同的结果。有时它可以在Chrome中工作,尽管有很多bug(有时一次只允许一个选择)。当我在IE中运行它时,我得到这个错误
下面是我使用的代码:无法获取属性'get_element'对象的值为null或未定义的
<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
<script type="text/javascript">
var selected = {};
function RadGrid_RowSelected(sender, args) {
var rfp = args.getDataKeyValue("RFPID");
if (!selected[rfp]) {
selected[rfp] = true;
}
}
function RadGrid_RowDeselected(sender, args) {
var rfp = args.getDataKeyValue("RFPID");
if (selected[rfp]) {
selected[rfp] = null;
}
}
function RadGrid_RowCreated(sender, args) {
var rfp = args.getDataKeyValue("RFPID");
if (selected[rfp]) {
args.get_gridDataItem().set_selected(true);
}
}
function RadGrid_GridCreated(sender, eventArgs) {
var masterTable = sender.get_masterTableView();
var selectColumn = masterTable.getColumnByUniqueName("SelectColumnID");
var headerCheckBox = $(selectColumn.get_element()).find("[type=checkbox]")[0];
if (headerCheckBox) {
headerCheckBox.checked = masterTable.get_selectedItems().length ==
masterTable.get_dataItems().length;
}
}
</script>
</telerik:RadScriptBlock>
和网格:
<telerik:RadGrid ID="RadGrid1" runat="server" AllowSorting="True" AllowPaging="True"
OnNeedDataSource="RadGrid1NeedDataSource" Width="100%" AllowMultiRowSelection="True" AllowFilteringByColumn="false">
<MasterTableView AllowMultiColumnSorting="true" PageSize="100"
DataKeyNames="RFPID, PropCode, Parent, PropName, Address"
AutoGenerateColumns="true" ClientDataKeyNames="RFPID">
<Columns>
<telerik:GridClientSelectColumn />
</Columns>
<PagerStyle AlwaysVisible="true" />
</MasterTableView>
<ClientSettings EnableRowHoverStyle="true">
<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True"></Scrolling>
<Selecting AllowRowSelect="true" />
<ClientEvents OnRowCreated="RadGrid_RowCreated" OnRowSelected="RadGrid_RowSelected"
OnRowDeselected="RadGrid_RowDeselected" OnGridCreated="RadGrid_GridCreated" />
</ClientSettings>
</telerik:RadGrid>
IE错误发生在这一行:
var headerCheckBox =$ (selectColumn.get_element());("(type =复选框)")[0];
您错过了Jquery的include。
<telerik:RadScriptManager ID="RadScriptManager2" runat="server">
<Scripts>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
</Scripts>
</telerik:RadScriptManager>
相关文章:
- 如何通过引用var Using DataTables来进行分页或排序
- 表排序器分页使表行不可单击
- 如何在具有分页功能的表格排序器中取消选中所有复选框
- AngularJS 服务器端排序与分页 - 动态值
- 角度 JS 排序和分页
- jQuery 表排序器 + 分页,分页所有表
- 如何在JavaScriptmashup中从多个源最佳地执行分页和排序
- jqGrid使用JsonString JsonReader实现服务器端排序分页过滤
- MVC Webgrid,javascript在排序和分页后停止工作
- 如何使用js函数在jsp中进行Jquery表排序和分页
- Node.js中MongoDB的分页(带排序)
- AngularJS中的排序、过滤和分页
- 数据表未对数据进行排序和分页
- 使用Jquery/AJAX/Javascript搜索、排序、分页和过滤DIV
- 如何在使用分页时保持排序顺序
- 误导jqgrid文档:客户端排序,但服务器端分页
- Redis,排序集与分页
- 在分页之前按数组排序
- html表格的排序和分页
- 在Rails 4中使用AJAX进行搜索、排序和分页