jquery 教程？jquery教程推荐

大家好，今天来为大家解答jquery 教程这个问题的一些问题点，包括jquery教程推荐也一样很多人还不知道，因此呢，今天就来为大家分析分析，现在让我们一起来看看吧！如果解决了您的问题，还望您关注下本站哦，谢谢~

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

rn$.extend($.fn.datagrid.defaults.editors,{rnnumberspinner:{rninit:function(container,options){rnvarinput=$('<inputtype="text">').appendTo(container);rnreturninput.numberspinner(options);rn},rndestroy:function(target){rn$(target).numberspinner('destroy');rn},rngetValue:function(target){rnreturn$(target).numberspinner('getValue');rn},rnsetValue:function(target,value){rn$(target).numberspinner('setValue',value);rn},rnresize:function(target,width){rn$(target).numberspinner('resize',width);rn}rn}rn});在HTML标记中创建数据网格

rn<tableid="tt"style="width:600px;height:250px"rnurl="data/datagrid_data.json"title="EditableDataGrid"iconCls="icon-edit"rnsingleSelect="true"idField="itemid"fitColumns="true">rn<thead>rn<tr>rn<thfield="itemid"width="60">ItemID</th>rn<thfield="listprice"width="80"align="right"editor="{type:'numberbox',options:{precision:1}}">ListPrice</th>rn<thfield="unitcost"width="80"align="right"editor="numberspinner">UnitCost</th>rn<thfield="attr1"width="180"editor="text">Attribute</th>rn<thfield="status"width="60"align="center"editor="{type:'checkbox',options:{on:'P',off:''}}">Status</th>rn<thfield="action"width="80"align="center"formatter="formatAction">Action</th>rn</tr>rn</thead>rn</table>

我们分配numberspinner编辑器到'unitcost'字段中，当开始编辑一行时，用户可以通过numberspinner编辑器来编辑数据。

本站文章除注明转载外，均为本站原创或翻译

关于本次jquery 教程和jquery教程推荐的问题分享到这里就结束了，如果解决了您的问题，我们非常高兴。