Extjs的form表单

1.根据id取值
form.getForm().findfield("id").getValue();
2.提交form表单前验证表单
form.getForm().isValid()//true,填写的内容符合要求
3.清空表单
form.getForm().reset();
4.ajax
Ext.Ajax.request({
url: "ktvStayInfoVo.do",
method: "GET",
async : false, //ASYNC 是否异步( TRUE 异步 , FALSE 同步)
params: { //将真正的页面(服务)url参数传递到代理页面
action: "queryMaterial",
id: id
},
success: function(response, opts) {

}, //请求成功的回调函数
failure: function() {
alert("获取目录请求失败!");
} // 请求失败的回调函数
});

5.下拉框
a.valueField:"valuefield"//value值字段
b.displayField:"field" //显示文本字段
c.editable:false//false则不可编辑,默认为true
d.triggerAction:"all"//请设置为"all",否则默认为"query"的情况下,你选择某个值后,再此下拉时,只出现匹配选项,如果设为"all"的话,每次下拉均显示全部选项
e.hiddenName:string //真正提交时此combo的name,请一定要注意
f.typeAhead:true,//延时查询,与下面的参数配合
g.typeAheadDelay:3000,//默认250
h.emptyText://默认显示
k.Ext.get("combo").dom.value //获取id为combo的值
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个示例代码,演示了如何在 ExtJS 表单中集成 layui 富文本编辑器: ``` Ext.define('MyApp.view.MyFormPanel', { extend: 'Ext.form.Panel', xtype: 'myformpanel', requires: [ 'Ext.form.field.Text', 'Ext.form.field.Checkbox', 'Ext.form.field.ComboBox', 'Ext.form.field.HtmlEditor', 'Ext.layout.container.Form' ], layout: 'form', items: [ { xtype: 'textfield', fieldLabel: 'Title', name: 'title', allowBlank: false }, { xtype: 'checkbox', fieldLabel: 'Is Active', name: 'isActive', inputValue: true }, { xtype: 'combobox', fieldLabel: 'Category', name: 'category', store: ['Category 1', 'Category 2', 'Category 3'] }, { xtype: 'htmleditor', fieldLabel: 'Content', name: 'content', enableColors: false, enableAlignments: false, enableFontSize: false, enableFont: false, enableLinks: false, enableLists: false, enableSourceEdit: false, listeners: { afterrender: function(editor) { layui.use('layedit', function(){ var layedit = layui.layedit; layedit.build(editor.getEl().down('iframe').dom, { tool: [ 'strong', 'italic', 'underline', 'del', '|', 'left', 'center', 'right', 'link' ] }); }); } } } ] }); ``` 在上面的代码中,我们使用了 ExtJS 的表单组件,并将 layui 的富文本编辑器集成到了 ExtJS 的表单中。在 htmleditor 组件的 `afterrender` 事件中,我们使用了 layui 的 `layedit.build` 方法来初始化 layui 富文本编辑器。我们可以通过配置 `tool` 属性来指定需要显示的工具栏按钮。 请注意,这只是一个示例代码,你需要根据自己的实际情况进行修改。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值