zoukankan      html  css  js  c++  java
  • 雷林鹏分享:jQuery EasyUI 数据网格

      jQuery EasyUI 数据网格 - 扩展编辑器

      一些常见的编辑器(editor)添加到数据网格(datagrid),以便用户编辑数据。 所有的编辑器(editor)都定义在 $.fn.datagrid.defaults.editors 对象中,这个可以继承扩展以便支持新的编辑器(editor)。 本教程将向您展示如何添加一个新的 numberspinner 编辑器到数据网格(datagrid)。

      继承扩展 numberspinner 编辑器

      $.extend($.fn.datagrid.defaults.editors, {

      numberspinner: {

      init: function(container, options){

      var input = $('').appendTo(container);

      return input.numberspinner(options);

      },

      destroy: function(target){

      $(target).numberspinner('destroy');

      },

      getValue: function(target){

      return $(target).numberspinner('getValue');

      },

      setValue: function(target, value){

      $(target).numberspinner('setValue',value);

      },

      resize: function(target, width){

      $(target).numberspinner('resize',width);

      }

      }

      });

      在 html 标记中创建数据网格(DataGrid)

      

      url="data/datagrid_data.json" title="Editable DataGrid" iconCls="icon-edit"

      singleSelect="true" idField="itemid" fitColumns="true">

      

      

      

      

      

      

      

      

      

      

      

    Item IDList PriceUnit CostAttributeStatusAction

      我们分配 numberspinner 编辑器到 'unit cost' 字段。 当开始编辑一行,用户可以通过 numberspinner 编辑器来编辑数据。

      下载 jQuery EasyUI 实例

      jeasyui-datagrid-datagrid23.zip

      本文转载自:w3cschool(编辑:雷林鹏 来源:网络 侵删)

  • 相关阅读:
    electron之打包成安装程序
    electron之环境安装、启动程序
    微信支付.net官方坑太多,我们来精简
    微信支付官方.net版之坑你没商量
    程序员出路在何方
    简单介绍
    mac中显示隐藏文件
    sublime Text 3 安装emmet
    Andriod学习笔记5:通过NDK在C++中实现日志输出
    Andriod学习笔记4:mac下搭建 Eclipse+CDT 集成开发环境
  • 原文地址:https://www.cnblogs.com/pengpeng1208/p/10749995.html
Copyright © 2011-2022 走看看