operamasks-ui omgrid关于行编辑插件的问题

问题描述

目前开发一个web版本的mis系统,在订单模块中,用operamasks-ui中的omgrid来输入订单的明细,想问一下在输入订单明细内容时,是否可以直接在grid中编辑,而不要弹出行编辑插件,怎么设置才能达到这个效果! 问题补充:有没有用过omgrid的兄台指点指点,官网社区注册不了,找资料很难找,虽然有示例,从零开始建立,感觉碰到很多坑,被折磨的不轻

解决方案

/** <span style='color:red'>(作用于行编辑插件)。</span>在指定位置动态插入一行。 * @function * @param index 行索引,从0开始,或为"begin","end"分别表示在表格最前和最后插入行。 * @param rowData 插入的新行的初始值 * @param forceAdd 强制添加,设为true表示直接添加,不会弹出编辑框 * @name omGrid#insertRow * @returns jQuery对象 * @example * $(".selector").omGrid("insertRow");//插入最前面<br/> * $(".selector").omGrid("insertRow" , 1);//插入索引1的位置<br/> * $(".selector").omGrid("insertRow" , "end" , {id:"1"});//在末尾插入,并使用指定数据初始化<br/> * $(".selector").omGrid("insertRow" , true);//插入最前面,并直接添加,不显示编辑框<br/> * $(".selector").omGrid("insertRow" , 0 , {id:"2"} , true);//用指定数据在最前面插入新行,并且不显示编辑框<br/> */ insertRow : function(index , rowData , forceAdd){这是om-grid-roweditor.js行编辑的源码,它也是通过动态添加tr、td来实现的。试了下forceAdd,虽然不显示编辑的框,但是双击后还是打开了。可能需要你自己改下才能满足你的要求。要不就采用其他grid的插件。很多都支持你说的这个功能
解决方案二:
国产的应该支持,不过估计现阶段operamasks-ui的表格只能这样了,本来dorado倒是不错,不过太关联浏览器,并且是收费的,这里推荐一个http://www.zkoss.org/zkdemo/grid/inline_editing应该能符合楼主的要求,可以考虑一下这个zk,功能更强大,不过没有om上手快,好在有eclipse的ide插件,不用在页面上狂写代码
解决方案三:
http://ui.operamasks.org/website/demos.html#omGrid#8这样的效果不满足么?新增按钮
解决方案四:
看了下官网 没有相关用法 http://ui.operamasks.org/website/demos.html#omGrid#6

时间: 2024-10-01 23:04:39

operamasks-ui omgrid关于行编辑插件的问题的相关文章

iOS8新特性扩展(Extension)应用之三——照片编辑插件

iOS8新特性扩展(Extension)应用之三--照片编辑插件         通过前几篇博客的介绍,我们了解到扩展给app提供的更加强大的交互能力,这种强大的交互能力另一方面体现在照片编辑插件的应用.        和通常一样,我们先创建一个工程,然后新建一个Target,选择photo editing: 从模板中,我们可以看到系统为我们创建了一个controller,这个controller就是用于处理照片的controller,其中方法如下: ? 1 2 3 4 5 6 7 8 9 10

Jquery easyui开启行编辑模式增删改操作_jquery

jQuery EasyUI 框架提供了创建网页所需的一切,帮助您轻松建立站点. easyui 是一个基于 jQuery 的框架,集成了各种用户界面插件. easyui 提供建立现代化的具有交互性的 javascript 应用的必要的功能. 使用 easyui,您不需要写太多 javascript 代码,一般情况下您只需要使用一些 html 标记来定义用户界面. HTML 网页的完整框架. easyui 节省了开发产品的时间和规模. easyui 非常简单,但是功能非常强大. 先给大家展示效果图:

easyui如何在datagrid的行编辑或新增的时候锁定行

问题描述 easyui如何在datagrid的行编辑或新增的时候锁定行 easyui如何在datagrid的行编辑或新增的时候锁定行, 让鼠标点击其他行后还是选中的当前编辑行? 因为我发现如果在编辑行或新增行的时候,我把鼠标单击到其他行, 在获取数据的时候就获取不到编辑或新增的内容. 解决方案 appendRow后获取添加行的index,调用beginEdit就好了 var index=$('#FlowList').datagrid('appendRow', { FlowTypeName: 'n

rowediting-ExtJS grid行编辑问题

问题描述 ExtJS grid行编辑问题 我新建了一个window,里面绑定了panel,panel中有数据,想用row editing实现双击某个行属性,实现编辑,但是报错 代码如下: Ext.define("Shop", { extend: 'Ext.data.Model', fields: [ { name: 'shopCode', type: 'string' }, { name: 'shopName', type: 'string' }, { name: 'shopStatu

修复Linux中的“提供类似行编辑的袖珍BASH...”的GRUB错误

这两天我安装了Elementary OS和Windows双系统,在启动的时候遇到了一个Grub错误.命令行中呈现如下信息: Minimal BASH like line editing is supported. For the first word, TAB lists possible command completions. anywhere else TAB lists possible device or file completions. 提供类似行编辑的袖珍 BASH.TAB键补全

jQuery标签编辑插件Tagit使用指南_jquery

一.Tagit插件功能 提高网站交互性,增加用户体验.至于其它的功能,还真没有.用一个input text就可以替换了它.但是text没有输入提示功能,而tagit拥有这个功能.官方示例如下图: 将关键词标签化,成为一个整体.方便删除与浏览. 二.Tagit官方地址 http://aehlke.github.io/tag-it/ 官方地址上有使用说明,也有用例.用例的颜色搭配也可以选择.不过选来选去也就是这几种,Tagit插件使用jqueryui,所以jqueryui提供的样式也兼容.jquer

ListView如何实现非整行编辑的功能

问题描述 我想使用ListView的编辑功能,但不想使用默认的整行编辑.而是根据不周的编辑命令来开放不同的字段.也就是说,想在行编辑里添加多个编辑命令.如何实现呢?有例子更好. 解决方案

iframeWin For Easy UI. 为 Easy UI 扩展的支持IFrame插件

iframeWin For Easy UI. 为 Easy UI 扩展的支持IFrame插件 在一个项目中用了Easy UI,但是发现里面的 Dialog .Window.Messager 弹窗都不支持IFrame的方式, 于是自己动手基于Easy UI实现了一个插件. 目前Easy UI仍然使用GPL开源协议.   JS引用: <script type="text/javascript" src="jquery.min.js"></script&

jQuery标签编辑插件Tagit使用指南

  jQuery 的 tagit 插件效果还是不错的,今天用到该插件,下面给大家详细讲解下此插件的具体用法.这里推荐给大家,有需要的小伙伴可以参考下. 一.Tagit插件功能 提高网站交互性,增加用户体验.至于其它的功能,还真没有.用一个input text就可以替换了它.但是text没有输入提示功能,而tagit拥有这个功能.官方示例如下图: 将关键词标签化,成为一个整体.方便删除与浏览. 二.Tagit官方地址 http://aehlke.github.io/tag-it/ 官方地址上有使用