动态添加和更改F7编辑器(div和editGrid列)
//更改列编辑器
waf("#editGrid").wafGrid("setColumnConfig", "settlementType",
{
edittype:"f7",
editoptions:{
/**这里填写wafctrl:promptBox中的属性和值,是一个JSON对象**/
f7Json:{displayFormat:"{name}"},
/**这里填写wafPromptQuick、wafPromptGrid、wafPromptIframe中的一个**/
subWidgetName:"wafPromptQuick",
/**这里填写wafctrl:promptQuick、wafctrl:promptGrid、wafctrl:
promptIframe中的属性和值,是一个JSON对象**/
subTagJson:{query:"com.kingdee.eas.basedata.assistant.app.SettlementTypeQuery",dataUrl:waf.
getContextPath()+"/component/F7Quick.do?method=initalize",numberOfContent: [10, 1],width:280},
/**这里填写wafctrl:validator中的属性和值,是一个JSON对象**/
validateJson:{errMsg:"required:'名称不能为空!'", rules:"required:true"},
onchange:_private.settlementTypeChange
},
formatter:"f7"
}
);
//设置列过滤条件
waf("#editGrid").wafGrid("setCellEditorAllConfig","revAccount","filteritem","companyID.id='"+currentCompanyId+"'","promptQuick",null);
//设置allowAutoComplete和autoCompleteItem属性,捕获到F7有键盘输入时触发onkeypress事件
waf("#editGrid").wafGrid("setCellEditorAllConfig","revAccount","allowAutoComplete",true,"promptQuick",null);
waf("#editGrid").wafGrid("setCellEditorAllConfig","revAccount","autoCompleteItem","name","promptQuick",null);
//第二种方式,changeCellEditor更改某个单元格的编辑器
var options={
edittype:"f7",
editoptions:{
/**这里填写wafctrl:promptBox中的属性和值,是一个JSON对象**/
f7Json:{displayFormat:"{name}"},
/**这里填写wafPromptQuick、wafPromptGrid、wafPromptIframe中的一个**/
subWidgetName:"wafPromptQuick",
/**这里填写wafctrl:promptQuick、wafctrl:promptGrid、wafctrl:
promptIframe中的属性和值,是一个JSON对象**/
subTagJson:{query:"com.kingdee.eas.basedata.org.app.F7CUQuery",dataUrl:waf.
getContextPath()+"/component/F7Quick.do?method=initalize"},
/**这里填写wafctrl:validator中的属性和值,是一个JSON对象**/
validateJson:{errMsg:"required:'名称不能为空!'", rules:"required:true"}
},
formatter:"f7"
}
waf("#list2").wafGrid("changeCellEditor", rowid, name, options);
//动态向列布局添加F7
1 initCustomerF7:function(projectId){
var name = "specialAgioCustomer";
var filter = "";
filter = "sellProject.id = '"+projectId+"'";
var options = {
id:name,
name: name,
subWidgetName: "wafPromptQuick",
subWidgetOptions: {
url:"",
ajaxType: "GET",
query: "com.kingdee.eas.fdc.sales.app.SHECustomerQuery",
accessType: "remote",
isMulti:false,
allowAutoComplete: true,
autoChoose:false,
autoCompleteItem: "name,phone,simpleNamePingYin,fullNamePingYin,certificateNumber",
displayItem:"name",
onselect:_private.f7Customer_dataChanged,
cu: false,
filteritem:filter,
numberOfContent: [10, 1],
},
formatter:_private.selectFormatter,
};
var lbOptions = {
id: name + "Lb",
labelAlign: "right",
caption: "客户",
tagClass: "asstlb"
}; var lbDOM = waf.createDOM("labelContainer", lbOptions);
waf.appendDOM(waf("#layoutCol2"), lbDOM);
waf.initComponent("labelContainer", lbOptions, lbDOM); var promptBoxDom = waf.createDOM("promptBox", options);
waf("#"+name + "Lb").wafLabelContainer("append", promptBoxDom);
waf.initComponent("promptBox", options, promptBoxDom);
waf("#" + name + "Lb_ctrl .ui-f7-frame").css("width", "100%");
},
动态添加和更改F7编辑器(div和editGrid列)的更多相关文章
- asp.net gridview动态添加列,并获取其数据;
1,绑定数据前先动态添加列,见方法CreateGridColumn(只在第一次加载动态添加): 2,gvlist_RowDataBound为对应列添加控件: 前台代码: <%@ Page Lan ...
- [转] JQuery UI Tabs 动态添加页签,并跳转到新页签
[From] https://blog.csdn.net/zhangfeng2124/article/details/76672403 需求: 1.tabs默认只有一个页签,但是需要点击某按钮,动态添 ...
- js动态添加和删除标签
html代码 <h1>动态添加和删除标签</h1> <div id="addTagTest"> <table> <thead& ...
- 关于jQuery获取不到动态添加的元素节点的问题
遇到问题: 当我获取 $("#art-list")页面元素后去在后面追加标签的时候(append),在下面用 $(selector) 获取刚刚添加的标签,发现怎么都获取不到. 问题 ...
- js动态添加Div
利用JavaScript动态添加Div的方式有很多,在这次开发中有用到,就搜集了一下比较常用的. 一.在一个Div前添加Div <html> <body> <div id ...
- JavaScript 动态添加div 绑定点击事件
1.动态添加div function cDiv(num){ var oDiv=document.createElement("div"); oDiv.className='divs ...
- 动态添加div及对应的js、css文件
动态添加div及对应的js.css文件 在近期的项目开发中需要在首页中添加很多面板型的div,直接加载代码显得很繁琐,于是利用js封装一个动态添加div及其对应css文件和js文件的方法供大家参考使用 ...
- C# 后台动态添加标签(span,div) 以及模板添加
很多时候.我们需要在后台用C#代码添加html标签.而不是在html源码中添加. 比如在html源码中简单的一个input 标签 <input type="type" nam ...
- vue中动态添加div
知识点:vue中动态添加div节点,点击添加,动态生成div,点击删除,删除对应的div,其中数组的长度是动态改变的,如在from表单中应用,直接在提交方法中,获得list,获取所填的元素即可 效果: ...
随机推荐
- node 学习笔记 - path 处理
本文同步自我的个人博客:http://www.52cik.com/2015/12/04/learn-node-path.html path 模块是 node 用于整理.转换.合并路径的神器,只要是路径 ...
- MySQL for mac使用记录
一.登录 打开终端,输入/usr/local/mysql/bin/mysql -u root -p 初次进入mysql,密码为空.当出现mysql>提示符时,表示你已经进入mysql中.键入ex ...
- MySQL5.6 实现主从复制,读写分离,分散单台服务器压力
闲来无事,在本地搭建几台虚拟机,准备配一个mysql读写分离的主从配置,版本选用最新版的,mysql.5.6.28 版本,本处使用源码安装(鄙人一向喜欢源码安装,因为centos中鄙人不知道yum安装 ...
- ASP.NET网站入侵第三波(fineui系统漏洞,可导致被拖库)
注:屏蔽本漏洞的紧急通知:http://fineui.com/bbs/forum.php?mod=viewthread&tid=7863 本人小学文化,文采不好,写的不好请各位多多包含, 最近 ...
- TCP/IP中最高大上的链路层简介(二)
引言 对于程序猿来讲,似乎越接近底层,就越显得高大上.这也算是程序猿们的共同认知吧,虽然不是所有人.今天LZ就和各位一起探讨一下TCP/IP中最高大上的一层,也就是最底层的链路层. 这一层LZ了解的还 ...
- [C#解惑] #2 对象的初始化顺序
谜题 在上一篇C#解惑中,我们提到了对象的初始化顺序.当我们创建一个子类的实例时,总是会先执行基类的构造函数,然后再执行子类的构造函数.那么实例字段是什么时候初始化的呢?静态构造函数和静态字段呢?今天 ...
- Oracle学习——安装系列
简介:Oracle Database,又名Oracle RDBMS,或简称Oracle.是甲骨文公司的一款关系数据库管理系统.它是在数据库领域一直处于领先地位的产品.可以说Oracle数据库系统是目前 ...
- CSS中margin与padding的区别
CSS边距属性定义元素周围的空间.通过使用单独的属性,可以对上.右.下.左的外边距进行设置.也可以使用简写的外边距属性同时改变所有的外边距.——W3School 边界(margin):元素周围生成额外 ...
- OKhttp初步
OkHttp 使用方法:1.分为同步和异步.同步:1.getRequest request = new Request.Builder().url(utl).build();Response resp ...
- android之二维码扫描的实现
二维码扫描引擎有 ZBar 和ZXing 一. 使用开源ZXing扫描的缺点 1.原始代码是横屏模式,尽管可以改成竖屏,但是扫描界面的自定义和多屏幕适配不好做 2.有效扫描区域不好控制,可能是我自己技 ...