Extjs 5 怎样才能做出table这样的表格表单

最新版本是Extjs501，我们可以在官方网站进行下载。（这里不得不提一句，Extjs5到目前为止还没有免费的授权，所以下载到的版本是试用版。）

下载到的压缩包解压以后，你会看到一大堆的文件夹和文件，我们该如何使用Extjs5呢？

之前看到过别人说的通过Sencha CMD创建Extjs5项目，但个人觉得那种方式并不适合我们目前的开发模式。我说做ASPNET的，需要在ASPNET MVC或WebForm中使用Extjs，所以绝对不上简单的通过Sencha CMD 生成Extjs5项目那么简单。

text : 'Find',

handler: function(btn){

var win = btnup('window'),

form = windown('form');

consolelog(formgetForm()getValues());

}

是到后台去查询的吧，那你在ajax的

回调函数success里面写

formPanelgetForm()reset(); //重置form表单，

ExtgetCmp('gridPanel')storereload()；//重新刷新表格内容。

我的理解：

1文本框获得焦点时会d出Window（窗体）；

2Window中显示的是Grid（表格）；Window本身有一个“确定”按钮；

3双击Grid的一行，把此行的dode值赋值到文本框；

4选中Grid的一行，点击Window的“确定”按钮，把此行的dode值赋值到文本框；

下面是我的代码，在你的代码基础上改的，主要就是 监听了Grid的rowdblclick事件 同时 给Window的按钮绑定了一个方法；

代码如下：

var grid = new ExtgridGridPanel({

store: store,

autoScroll:true,

cm: cm,

sm: sm,

stripeRows:true,

enableHdMenu:false,

loadMask: { msg: '正在加载数据，请稍侯……' },

bbar: pageToolbar,

listeners:{

rowdblclick:function(grid,rowIndex,e){

var record = gridgetStore()getAt(rowIndex);

ExtgetCmp('bian_hao')setValue(recordget('rec_dode'));//给文本框赋值

}

}

});

/ 表 格 结 束 /

/ 窗 口 /

var win = new ExtWindow({

id:'_icd10win',

title:'窗口',

closeAction:'hide',

width:500,

height:200,

layout:'fit',

buttonAlign:'center',

buttons:[{

text:'确定',

handler:function(){

var record = gridgetSelectionModel()getSelected();

ExtgetCmp('bian_hao')setValue(recordget('rec_dode'));//给文本框赋值

}

}],

items:[grid]

});

/ 窗 口 结 束/

/放置文本框/

new ExtformFormPanel({

title:'FormPanel',

renderTo:ExtgetBody(),

items:[

{

xtype:'textfield',

id:'bian_hao',

fieldLabel:'编号',

listeners:{

focus:function(textfield){

winshow();

}

}

}

]

});

不知道我理解的对不对啊！

我的结果如图：

var myForm = new ExtformFormPanel({

        renderTo:“myform”,

        onSubmit: function(){},

        submit: function() {

            thisgetForm()getEl()domsubmit();

        }

    });

试试renderTo

//grid1定义的grid

var record = grid1getSelectionModel()getSelected();//获得当前选中行的数据源

if(record){

windowshow();//显示window窗口

form1getForm()loadRecord(record);//window中的form加载数据源

//form1定义的form

//form1中的控件的名字要与数据源的属性名对应，自动显示在form中了

}

以上就是关于Extjs 5 怎样才能做出table这样的表格表单全部的内容，包括:Extjs 5 怎样才能做出table这样的表格表单、大神帮忙！搞了很久的问题，extjs里面的form如何获得jsp页面中的input输入框，如下图、extjs 查询时如何在查询完成后重新加载表单，代码如下，有什么问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！