extjs动态加载javascript创建窗体的方法_javascript技巧

《extjs动态加载javascript创建窗体的方法_javascript技巧》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、ExtJS动态加载JavaScript创建窗体的方法JavaScript不需要编译即可运行，这让JavaScript构建的应用程序可以变得很灵活。我们可以根据需要动态从服务器加载JavaScript脚本来创建和控制UI来与用户交互。下面结合ExtJS来说明如何从服务器上动态加载JS脚本来动态创建窗体。1项目结构：项目结构如下：其中GetJSUI一般处理程序用來从数据库表中抓取UI配置，并返回到客户端；Contents文件夹下用HTML文件和JS库等。硬解关方衾9对s6'(2个项目)A回CMCloudDBHelper/豹extjsSA»Properties>引用App^Data卜C

2、ontents亠Services丄晅)GetJSULashx>l5GetlSUI.ashx.esA胡Global.asax<0index.html匸packages.configD匸Web.config2数据库表结构可以用下面的SQL在MSSQL中创建表，其中JavaScriptContent字段存储具体的JS脚木。CREATETABLE[dbo].[ExtDynamicForm]([ID][nvarchar](50)NOTNULL,[UniName][nvarchar](50)NULL,[JavaScriptContent][nvarchar](4000)NULL,[Memo]

3、[nvarchar](200)NULL,CONSTRAINT[PKExtDynamicForm]PRIMARYKEYCLUSTERED([ID]ASC))ON[PRIMARY]□二dbo.Ext_Dynamic_Form日口列?ID(PK,nvarchar(50),notnull)圍UniName(nvarchar(50),null)FlJavaSeriptContent(nvarchar(4000),null)[f]Memo(nvarchar(200),null)®口约束®_j鮭发器S□索引®统计信息创建好后，可以初始化数据:囲结果消息IDUni...JavaScriptCon

4、tent1001Cm...Ext.onReadyfunctionf){varInvoiceModel=Ext.define(HlnvoiceM.{extend:MExt.data.Moc2002Cm...Ext.onRead)rfunotion0{varInvoiceModel=Ext.define(nlnvoicy,{extend:"Ext.data.Moc3003Cm...ExtonReadygunction。{varInvoiceModel=Ext.define「Invoice：{extend:HExt.data.Moc4004Cm...ExtonRead)rffuncti

5、onI){varInvoiceModel=Ext.define(HIrwoice：{extend:nExt.data.Moc5005Cm...Ext.onRead)rffunctionI){varInvoiceModel=Ext.define「lnvoice：{extend:"Ext.data.Moc6006Cm...ExtonReady©unction0{varInvoiceModel=Ext.define「lrwoice：{extend:,rExt.data.F1oc创建好后，可以初始化数据:4GetJSUI编程usingSystem;usingSystem.Collect

6、ions.Gencric;usingSystem.Linq;usingSystem.Web;usingCMCloudDBHelper;namespaceextjs6.Services{///

7、ype=/ztext/javascript?/;CMCDataAccessda二newCMCDataAccess();stringSQLForJS二"select*FROMExt_Dynamic_FormwhereID二'006'〃System.Data.DataTablcdt=da.GetDataTablc(SQLForJS);if(dt!=null){if(dt.Rows.Count==l){js二dt.Rows[0][zzJavaScriptContent，z].ToStr