动态添加和更改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,获取所填的元素即可 效果: ...
随机推荐
- Linux下Perl的安装(转)
原文地址:Linux下Perl的安装 今天在虚拟机测试shell脚本的时候,有些命令使用不了. 比如说 mysqlhotcopy ,它提示Perl的版本太低. 我用的 RedHat9 的Perl才5. ...
- HP DL60 Gen9 安装CentOS 6.5
由于Gen 9的VID中自带RETHAT 5.X-7.0的驱动, 所以不需要制作驱动盘. 一, 准备工作 1. 制作 CentOS安装盘 2. 配置阵列, 开机过了自检后按F10. 自己看着配... ...
- Redis简介-安装-入门
前言 我们team马上要用Redis了. 所以先学习一下这东西. Redis大名很早以前就听过了,以前在的公司都没有用到. 现在有机会终于接触到了,果断学习起来. 什么是redis Redis是完全开 ...
- 基于DDD的.NET开发框架 - ABP Session实现
返回ABP系列 ABP是“ASP.NET Boilerplate Project (ASP.NET样板项目)”的简称. ASP.NET Boilerplate是一个用最佳实践和流行技术开发现代WEB应 ...
- 拿到腾讯实习offer的前后小事
一.前言 本文应该算不上是面经,仅仅是自己近期一路走过的些许琐碎小事,欢迎园友吐槽,但是不要太凶残哦. 二.旧年小事 去年11月底,从上海实习公司请假回校参加研究生毕业论文开题答辩,在校忙碌了一段时间 ...
- 必须要会的技能(一) 如何实现设计时Binding
今天我们来分享一个主题:DesignTime Binding设计时绑定. 这一项技术可以使用在所有包括WPF及其衍生出来的技术上,比如Sliverlight,当然也包括UWP 先来说明一下设计时Bin ...
- 深入理解 cocos2d-x 坐标系
首先对于初学的,带大家认识 cocos2d-x 中坐标系的几个概念,参考 http://blog.csdn.net/tskyfree/article/details/8292544.其他的往下看. 弄 ...
- ALinq Dynamic 使用指南——前言
一.简介 ALinq Dynamic 为ALinq以及Linq to SQL提供了一个Entiy SQL的查询接口,使得它们能够应用Entity SQL 进行数据的查询.它的原理是将Entiy SQL ...
- JVM内存管理------GC算法精解(复制算法与标记/整理算法)
本次LZ和各位分享GC最后两种算法,复制算法以及标记/整理算法.上一章在讲解标记/清除算法时已经提到过,这两种算法都是在此基础上演化而来的,究竟这两种算法优化了之前标记/清除算法的哪些问题呢? 复制算 ...
- Java程序-进程中的"进程"
进程 我们知道程序在磁盘上的时候是静态的,当他被加载到内存的时候,就变成了一个动态的,称为进程,如下图是程序被加载到内存后,在内存中的分布情况如下 此图来自http://blog.csdn. ...