首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jquery kendo grid我需要获取选定的行dataitem数组,即使我分页分页serverside true

jQuery Kendo Grid是一个基于jQuery和Kendo UI的插件,用于展示和操作表格数据。它可以实现数据的分页、排序、筛选、编辑等功能。

要获取选定的行的dataitem数组,即使分页设置为serverside true,可以通过以下步骤实现:

  1. 获取Kendo Grid的实例:首先,通过jQuery选择器获取到Kendo Grid的实例。例如,假设Grid的ID为"grid",可以使用以下代码获取实例:
代码语言:txt
复制
var grid = $("#grid").data("kendoGrid");
  1. 获取选中的行:通过grid的select方法可以获取到选中的行。使用grid.select()方法可以返回选中行的jQuery对象数组。
  2. 获取行数据:通过遍历选中的行数组,可以获取每一行的dataitem。使用grid.dataItem(row)方法可以获取到每一行对应的数据项。

下面是一个完整的例子,演示如何获取选定的行的dataitem数组:

代码语言:txt
复制
var grid = $("#grid").data("kendoGrid");
var selectedRows = grid.select(); // 获取选中的行
var dataItems = []; // 存储选中行的dataitem数组

selectedRows.each(function(index, row) {
    var dataItem = grid.dataItem(row); // 获取每一行的dataitem
    dataItems.push(dataItem);
});

console.log(dataItems); // 输出选中行的dataitem数组

关于Kendo Grid的更多详细信息和用法,请参考腾讯云Kendo UI Grid的相关文档和示例:腾讯云Kendo UI Grid

请注意,以上答案仅针对题目中提到的技术和概念,没有提及其他流行的云计算品牌商。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【自然框架】QuickPager asp.net 分页控件Ajax分页方式。

上次比较匆忙,Ajax分页方式仅实现了基本功能,或者说只是验证了想法。现在对Ajax分页有做了一些调整,现在可以正式用了。   ...然后前台需要引用jquery-1.4.2.min.js和QuickPager-1.0.js。QuickPager-1.0.js是QuickPager需要一个js脚本,Demo里面有这个js脚本。...最后把Repeater控件(其他控件也可以,比如GridView等)放在,必须是这个ID名,目前没有把这个名称做到分页控件属性里面,如果你想修改的话,需要修改QuickPager...这个就是为了这种情况来设计,原理就是直接在服务器端拼接成HTML,前台用jQUery.ajax来申请这段HTML,然后直接赋给 div_Grid。.../nature/QuickPager-1.0.js">      divID必须是div_Grid <div id="div_<em>Grid</em>" style="text-align:left

1.8K70
  • datatables使用教程

    ssm框架 + freemarkder视图(新手提示:类似jsp东东)+pagehelper分页 步骤 前端步骤 开启datatables一些参数,serverSide: true 配置ajax...,//自动计算宽度 deferRender: true,//延迟渲染 serverSide: true,//开启服务器模式 //获取数据 ajax: { "url": ctx +...这是一个对象数组,也可以只是数组,区别在于 纯数组前台就不需要用 columns绑定数据,会自动按照顺序去显示 ,而对象数组需要使用 columns绑定数据才能正常显示。...具体查看代码仓库:datatables使用教程分支 ajax异步带参数获取数据源 效果截图 ? 分页和数据展示都做好了,那么现在就来做一个搜索条件吧,项目来讲,搜索这个功能是必不可少。...,//自动计算宽度 deferRender: true,//延迟渲染 serverSide: true,//开启服务器模式 //获取数据 ajax: { "url": ctx +

    7.1K20

    UI标签库的话题:JEECG智能开发平台 BaseTag(样式表和JS标签引入)

    是否显示分页条 否 true title string 表格标题 否 null idField string 标识字段。...防止横向滚动 否 true showPageList boolean 是否显示分页条数下拉框 否 true showRefresh boolean 是否显示刷新button 否 true showText...boolean 是否显示分页文本内容 否 true style string 插件类型有easyui和datatable2种 否 easyui pageSize num 每页显示记录数 否 10...2.1.3.方法 方法名 传入參数 描写叙述 reloadTable 无 又一次载入数据 reload+name 无 又一次载入数据name是表格唯一标示 get+name+Selected field 获取选定传入字段值...getSelected field 获取选定传入字段值 get+name+Selections field 获取全部选定传入字段数组集合 name+search 无 运行查询前提是Column

    4.5K20

    三层架构之我见 —— 不同于您见过三层架构。

    想想我们需要是什么?执行sql语句(比如添加、修改、删除)、返回记录集(存放在DataSet等对对象里面)。数据访问层也就是围绕这两个功能而展开。...(就像我上面写那个例子)。 而使用数据访问层的话就不那么多代码了,基本上一就可以了。 需要传入参数:sql语句、存储过程名称(存储过程参数)。...短短几行就实现了功能,除了前台Repeater 里面需要再写点代码之外,其他地方就不用再写任何代码了。感觉方法是相当简介,你感觉呢?...想想上面那个显示资讯例子,在页面里面(UI层)我们需要获取什么呢?链接网址、资讯标题、发表时间、人气、资讯图片网址、资讯简要介绍。(还有其它吗?)        ...主要就是分页和查询。         也许分页对你来说不是太容易(包括查询功能)(当然可能对于您也是非常容易事情),但是对于我来说却是相当容易 —— 因为有自己分页控件。

    1.1K70

    在ASP.NET MVC5中实现具有服务器端过滤、排序和分页GridView

    通过前文,我们已经了解到使用 jQuery 插件数据表可以很容易地实现具有搜索、排序和分页等重要功能表格。 ?...前文中需要注意是,所有通过插件实现特性都是客户端,这意味着所有的数据都首先在页面载入,然后由插件来处理客户端搜索、分页和排序数据。...在 nugget 包安装成功后,我们需要在视图中引入 jQuery DataTables 必要 JS 和 CSS,为此,我们需要注册 jQuery DataTables,请打开位于 App_Start...如果不想在数据加载时,显示这样消息,可以将它默认状态设为 false,接下来,我们定义数据表回调行为,在我们通过属性指定了需要展示之后,lengthMenu 则会用于显示每页数据数目。...我们正在获取 Assets 引用,以便能够链接到实体框架请求数据,我们可以通过 Count()函数来获取数据集表数据数目,这个数据将会传递到 DataTablesResponse 构造函数中,成为行为方法最后一

    5.4K80

    DjangoWeb使用Datatable进行后端分页实现

    使用场景:不使用Django模版语言进行分页(网上大多数都使用该方式),使用Jquery DataTable.js 插件进行分页处理。...) ) 注意,这里datatable分页使用是post请求, 因为分页时候需要向服务端传递很多参数,使用get请求的话,这里就很难受了。...但是使用了get方式后,在某页进行操作再进行上面的JS刷新时会出现行序号紊乱或者分页信息被重置问题。 这也是碰到一个坑。 特此记录一下。...这个方法是将你数据跟据你页码,页面大小,分好页 def page(deploy_list ,limit,offset):#查询分页,调用此方法需要获取数据列表,页面大小,页码 # 取出该表所有数据...,这两个是Bootstrap需要 return {"data":data,"response_data":response_data} 调用上述方法时将自己需要数据获取到 def list(request

    5K20

    JQuery 表格插件介绍:Flexigrid 和 DataTables

    JQuery 表格插件有很多。Flexigrid 和 DataTables 是最近使用,并且功能比较强大,在这里介绍一下。如果你在寻找前端绘制表格插件,可以考虑它们。...比较遗憾地方在于,它只提供了这种基于 row 表(即表头在第一),而不支持基于 column 列表(即表头在第一列)列定义和数据集合表示。...另外,本身也包含了太多东西,不仅仅是数据内容,还有很多控制分页、展示等等可选字段。...$(document).ready(function(){ grid.addData(totalNumber, dataRows); }); 最后想说是,在数据量比较大时,发现这个插件性能不够好...和 Flexigrid 相比,列定义格式类似,但是基于数据集合设计格式要显得简单一些,比如支持这样简单对象数组: [ { "engine": "Trident"

    2.5K20

    very-easyUI 框架快速上手文档

    这是自己闲暇之余封装一个工具,当然还有一大堆BUG,但是对于自己接接小活还是挺方便,分享出来。后面会慢慢持续更新。 ? image.png 1....image.png 属性: title: 列表名称 url: 列表加载数据接口地址 singleSelect : 是否是单选 hasSelect : 是否有选择列 paging: 是否要分页 fields...: 字段详情,是一个数组,每一个数组项是一个这样字符串: ** '100|username|学生姓名' **, 分别代表 长度|字段名|字段中文 注意: 可以在字段中文后面加一项,代表字段特殊化,...需要注意是,fieldtype属性支持这样几个值:text,textarea,file file是文件上传框,如果需要使用这个配置,你还需要在页面上加这一段: <div class="easyui-dialog...('load',{ fieldXXX:xxx }); <em>grid</em><em>行</em>点击 $('#dg1').datagrid({ onClickRow:function(rowIndex,rowData)

    1.7K00

    mybatis(pagehelper) dataTables实现分页功能

    ( searchable需要设置为 true ) */ private String search; /* * 如果为 true代表全局搜索值是作为正则表达式处理,为 false则不是...i是一个数组索引,对应是 columns配置数组,从0开始 */ private int[] order; /* * 告诉后台列排序方式, desc 降序 asc升序 */...这是一个对象数组,也可以只是数组, 区别在于 纯数组前台就不需要用 columns绑定数据,会自动按照顺序去显示 * ,而对象数组需要使用 columns绑定数据才能正常显示。..., serverSide: true, lengthChange: false,//是否允许用户改变表格每页显示记录数 ordering...: false,//是否允许用户排序 paging: true,//是否分页 pagingType: "full_numbers",//除首页、上一页、下一页

    2.6K30

    第五节 - easyUI基本使用1. 列表组件 datagrid2. 按钮组件 linkbutton3.右下角弹窗组件 $.messager

    列表组件 datagrid 1.1 创建一个grid.html ...type="text/javascript" src="jquery-easyui-1.3.3/validate.js"> 1.3 绘制表格组件 Html: <table id='<em>grid</em>0...' title="部门管理01" class="easyui-datagrid" fitColumn="<em>true</em>" pagination="<em>true</em>" rownumbers="<em>true</em>" url=...如果我们想要做分页,就需要给datagrid传递两个参数,分别为total和rows,total代表这个表查询总数,rows代表分页后查出来数据。...分页规律: 现在,首先考虑如何在php文件中获取第几页和每页多少条? 在datagrid组件中,只要你设置了分页,就会给后台传递page和rows,分别对应第几页和每页多少条。

    1.3K70

    day54_BOS项目_06

    列(Column)属性:数据网格(DataGrid) 列(Column)是一个数组对象,它每个元素也是一个数组。...:[[ // 定义标题所有的列,是一个二维数组                     {field:'id',title:'编号',checkbox:true}, // 是否复选框                     ...var row = $("#grid").datagrid("getSelected");                         // 获取当前选中索引                         ... = $("#grid").datagrid("getSelected");                         // 获取当前选中索引                         ...:true,    // 是否可以单选                 pagination:true,    // 分页条                 pageList:[3,5,7]     /

    2.3K20

    JavaScript图表数据可视化:比较D3和Kendo UI

    Kendo UI是由Telerik公司开发,Kendo UI是一个商业库,有一些版本支持Angular、React和Vue框架以及基本jQuery环境。...接下来,我们添加了Kendo UI也使用jQuery库。然后我们链接到实际Kendo UI库。最后,我们包含了一个到D3库链接。 <!...我们告诉它每个条宽度,我们告诉它条高度(获取数据值并缩放它)。我们告诉它应该将每个bar放在哪里,使用前面指定刻度指定X和Y值。最后,让它用“钢蓝色”给每一根条涂上颜色,因为喜欢蓝色。...对于Kendo UI图表,我们需要就是在图表代码中添加以下部分: tooltip: { visible: true, template: "Data: #= value #" } 我们看到了下图...这段代码表示,当我们鼠标滑过一个列时,我们会在一个特定位置显示工具提示。该部分最后一Kendo UI端上类似,在那里,我们有机会提供一个模板来显示工具提示中内容。

    11.9K30

    【初学者指南】在ASP.NET MVC 5中创建GridView

    可用库 以下是一些可用库和插件: Grid.Mvc MVCGrid.NET PagedList.MVC JQuery.Grid JQuery Grid for ASP.NET MVC JQuery...例如: DOM JavaScript Ajax Server-side processing 最喜欢选项之一是, jQuery 数据表不但支持客户端搜索、分页、排序等,而且还提供了一个可以在服务器端处理选项...例如,一种情景是:因为数据库中有太多数据,所以在客户端进行分页并不是一个好选择。表格中有百万行数据,如果用客户端分页功能来绑定,页面就会由于大量数据处理和HTML渲染而反应很迟钝。...在 nugget 包安装成功后,我们需要在视图中引入 jQuery DataTables 必要 JS 和 CSS,为此,我们需要注册 jQuery DataTables,请打开位于 App_Start...在检索行为中,我们将简单地获取该表中所有,并将其传递给 view: public ActionResult Index() { return View(DbContext.Assets.ToList

    6.2K90
    领券