`
zengshaotao
  • 浏览: 792678 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JQuery-Grid

 
阅读更多

$(function(){
 // 配置jqGrid组件
 $("#gridedittable").jqGrid({
  url: "partner/policyinsuredgrid_getGridData.action",
  datatype: "json",
  mtype: "post",
  height: 350,
  autowidth: true,
  colModel: [
           {name:"id",index:"id",label:"ID",width:40}, 
        {name:"lastName",index:"lastName",label:"Last Name",width:80,editable:true,sortable:false},
        {name:"firstName",index:"firstName",label:"First Name",width:80,sortable:false},
        {name:"email",index:"email",label:"E-mail",width:160,sortable:false},
        {name:"telNo",index:"telNo",label:"Tel No",width:120,sortable:false}
  ],
  
  viewrecords: true,
  rowNum: 15,
  rowList: [15,50,100],
  prmNames: {search: "search"}, //(1)
  jsonReader: {
   root:"gridModel",  // (2)
   records: "record",  // (3)
   repeatitems : false  // (4)
  },
 
  pager: "#gridPager", 
  hidegrid: false,
  
  editurl: "partner/EditGridEntry.action"
 });
 /*
  var mydata = [
    {id:"1",lastName:"polaris",firstName:"男",email:"fef@163.com",telNo:"33334444"},
    {id:"2",lastName:"polaris",firstName:"男",email:"fef@163.com",telNo:"33334444"}];
  for(var i=0;i<=mydata.length;i++)
         jQuery("#gridedittable").jqGrid('addRowData',i+1,mydata[i]);*/

});

分享到:
评论

相关推荐

    struts2-jquery-grid-plugin-3.5.1.jar

    struts2-jquery-grid-plugin-3.5.1.jar 此jar包适合于struts2框架,一标签的形式实现grid插件,不过目前网络上此插件中文文档较少。

    归档-jquery-grid懒加载.zip

    jQuery Grid,通常被称为jqGrid,是一个非常流行的JavaScript插件,用于在网页上创建交互式的网格视图。这个“归档-jquery-grid懒加载.zip”文件包含的资源显然与使用jqGrid实现数据的懒加载功能有关。懒加载,或...

    jquery-grid

    **jQuery Grid 知识点详解** `jQuery Grid`,又称为`jqGrid`,是一款基于JavaScript的开源数据网格插件,专门用于构建交互式的、功能丰富的数据表格。它充分利用了jQuery库的强大功能,使得在前端展示和管理大量...

    jQuery-grid:TheOdinProject jQuery 项目

    《jQuery-grid:构建高效数据展示的奥秘》 在当今的Web开发中,JavaScript库如jQuery扮演着至关重要的角色,特别是在提升用户体验和简化DOM操作方面。而jQuery-grid则是jQuery的一个扩展,专门用于处理和展示网格...

    struts2-jquery-grid-showcase-3.5.0-source

    juery集成到struts2。这是其中的一个例子的源代码,好处在于你不仅看到了程序演示的效果,还可以在页面上看到实现相关功能的代码。

    struts2-jquery-plugin插件3.3.3

    最新的struts2-jquery-plugin插件3.3.3,包括jquery-ui和grid,使用标签实现。

    struts2-jquery-plug ShowCase

    首先,`struts2-jquery-grid-showcase-3.3.0.zip`可能包含一个基于Struts2的jQuery Grid示例。jQuery Grid是一个功能强大的表格组件,它可以展示大量数据,并提供排序、分页、搜索和编辑等功能。在Struts2应用中使用...

    jquery-easyui-1.7.0.zip官方文档

    2. 组件丰富:包括对话框(Dialog)、表格(Grid)、表单(Form)、菜单(Menu)、树形控件(Tree)、下拉选择(Combobox)等多种常见UI组件,满足各种界面需求。 3. 主题支持:内置多套主题,可自定义样式,满足...

    jquery.jqGrid-4.3.0+jquery-ui-1.8.16.custom所有包

    《jQuery.jqGrid 4.3.0与jQuery UI 1.8.16自定义版全面解析》 在IT领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画以及Ajax交互。jQuery.jqGrid是基于jQuery的开源数据网格插件...

    jquery-easyui-portal.zi

    首先,jQuery EasyUI的核心在于其组件化的设计,其中包括布局(layout)、表格(grid)、表单(form)、对话框(dialog)、菜单(menu)、树(tree)、按钮(button)等。这些组件能够帮助开发者快速构建出具有专业界面和用户体验...

    jquery-easyui-1.3.3

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建功能丰富的Web应用。这个"jquery-easyui-1.3.3"版本是该框架的一个稳定版本,它包含了丰富的功能和优化,使得网页...

    jquery-easyui-EDT-1.4.2-中文文档

    1. **EasyUI 组件**:EasyUI 提供了多种组件,如对话框(Dialog)、表单(Form)、表格(Grid)、菜单(Menu)、树形控件(Tree)、下拉选择框(ComboBox)等,这些组件大大简化了网页界面的设计和交互实现。...

    jquery-easyui-1.4.5_easyuiapi_

    《jQuery EasyUI 1.4.5 API详解》 jQuery EasyUI 是一款基于 jQuery 的前端框架,它提供了丰富的用户界面组件,使得开发者可以快速构建出美观且功能强大的Web应用。在本文中,我们将深入探讨jQuery EasyUI 1.4.5...

    Sigma-Grid.zip_grid_grid jquery_html jquery_jquery grid

    Sigma Grid 是一个基于 jQuery 的数据网格插件,用于在网页中展示和操作表格数据。它提供了丰富的功能,如分页、排序、过滤、编辑等,适用于各种数据密集型的Web应用。这个压缩包包含了关于 Sigma Grid 的使用指南和...

    jquery-easyui-1.5版本

    3. **表格(Grid)**:展示大量数据,支持排序、筛选、分页等功能,可与服务器进行异步数据交互。 4. **菜单(Menu)**:创建下拉菜单或侧边栏菜单,用于组织和展示应用的功能选项。 5. **对话框(Dialog)**:...

    jquery-easyui-1.3.1.zip

    - **组件丰富**:jQuery EasyUI 提供了诸如对话框(Dialog)、表格(Grid)、树形控件(Tree)、下拉选择框(ComboBox)、菜单(Menu)等多种常见的 UI 控件,满足开发各种复杂界面的需求。 - **响应式设计**:...

    jquery-easyui-1.3.2+帮助文档

    - **表格(Grid)**: 支持数据分页、排序、过滤和编辑,适用于显示大量结构化数据。 - **菜单(Menu)**: 创建下拉菜单或浮动菜单,方便用户导航和操作。 - **表单(Form)**: 提供了多种表单元素,支持验证和...

    jquery-easyui-1.3.2+中文文档

    3. **表格(Grid)**: 支持数据的增删改查,具有分页、排序、过滤等功能,能与后台数据源无缝对接。 4. **菜单(Menu)**: 提供了多种样式的下拉菜单和多级菜单,方便用户进行导航。 5. **表单(Form)**: 提供了...

    jquery-easy-ui-1.3.2

    - **表格(Grid)**:用于展示大量数据,支持分页、排序、过滤和编辑等功能,便于数据管理和操作。 - **菜单(Menu)**:创建下拉菜单,提供多级结构,方便用户操作。 3. **主题定制**:EasyUI 提供了多种预设...

    jquery-weui-build.zip

    6. **栅格系统(Grid)**:基于12列的响应式布局,帮助开发者快速构建响应式的页面结构。 7. **其他组件**:还有如时间选择器(DatePicker)、地址选择器(AddressPicker)等,满足特定场景的需求。 在实际使用中...

Global site tag (gtag.js) - Google Analytics