自助手机建站系统,自建网站平台要多少钱,青岛做网站企业排名,网站建设搭建微商导航网站经过进一周的各种折腾#xff0c;各种想放弃#xff0c;各种纠结#xff0c;最终还是顺利的完成了SenchaTouch的开发#xff0c;回想起来感觉“甜甜的”#xff0c;也充分体会到Sencha MVC开发模式的好处#xff0c;以及SenchaTouch.js和Extjs的强大和牛逼#xff0c;不…经过进一周的各种折腾各种想放弃各种纠结最终还是顺利的完成了SenchaTouch的开发回想起来感觉“甜甜的”也充分体会到Sencha MVC开发模式的好处以及SenchaTouch.js和Extjs的强大和牛逼不得不佩服在我看来这绝对是企业级开发非常强大和优雅的UI开发框架不喜欢的就不要吐槽了。这几天天天看SenchaTouch的API指导教程论坛不懂就查几度崩溃非常庆幸的是Sencha团队提供了非常完备的documents一查就知道。开发经历还是有点纠结的刚开始也是不习惯他的MVC开发干脆所有js都写在一个页面里面就这样乱乱的完成了到最后花了一个晚上的时间将其转换成MVC架构的才发现其架构的优雅正是我所追求的尤其是他对于控件的定位查找方法绑定等太帅了这让我对Extjs4.0权限框架的开发充满了信心对于Sencha的东西貌似很多人都说上手难开发效率底。无可厚非刚开始确实很难懂尤其是仅会用alert的童鞋但是只要花点时间入门跟着documents的教程走会越来越好开发效率也会越来越高。我以前从未接触SenchaTouch当然有点Extjs的功底也是硬花了1个多星期才写了一个很小的应用现在再让我开发估计两天时间就差不多了想学Sencha的同学刚开始一定不要怕哦硬着头皮上.....好了不说废话了没图发个jb感慨上本小应用的图(chrome效果IPAD上要更好看)Ext.define(PLM.controller.Main, {extend: Ext.app.Controller,config: {refs: {main: #PLMMain,mainTB: #PLMMain toolbar,product: #ViewProduct,productDetail: #ProductDetail,cdnWin: formpanel,btnSelCdns: #PLMMain button[actionSelectCondition],btnCdnWinClose: formpanel button[actionCdnWinClose],btnCdnWinSearch: formpanel button[actionCdnWinSearch],//产品图册工具栏按钮btnBackCategory: #ViewProduct button[actionBackCategory],btnSortBySKC: #ViewProduct button[actionSortBySKC],btnSortByDesignId: #ViewProduct button[actionSortByDesignId],btnDesignImg: #ViewProduct button[actionDesignImg],btnSampleImg: #ViewProduct button[actionSampleImg],btnImgType: #ViewProduct #segBtnImageType,productToolbar: #ViewProduct #productviewtb,//产品详细信息productDetailTB: #ProductDetail #detailbar,btnBackProduct: #ProductDetail button[actionBackProduct],btnCancelProduct: #ProductDetail button[actionCancelProduct],crslDesign: #ProductDetail #crsl_design,crslSample: #ProductDetail #crsl_sample,crslWf: #ProductDetail #crsl_wf},control: {//产品详细信息product: {itemtap: ProductClick},btnBackProduct: {tap: function () {this.getProductDetail().hide(popOut);}},btnCancelProduct: {tap: operateimg},//选择条件窗体btnSelCdns: {tap: showConditionWin},btnCdnWinClose: {tap: CdnWinClose},btnCdnWinSearch: {tap: CdnWinSearch},main: {itemtap: CategoryClick},btnBackCategory: {tap: function () {Ext.Viewport.setActiveItem(this.getMain());}},btnSortBySKC: {tap: function () {this.getProduct().getStore().sort(productName, ASC);}},btnSortByDesignId: {tap: function () {this.getProduct().getStore().sort(designerId, ASC);}},btnDesignImg: {tap: function () {this.getProduct().setItemTpl(tplDesign);this.getProduct().getStore().load();}},btnSampleImg: {tap: function () {this.getProduct().setItemTpl(tplSample);this.getProduct().getStore().load();}}},},init: function () {//第一次事件加载},launch: function () {this.showConditionWin();//获取用户ub this.getMainTB();Ext.Ajax.request({url: /View/Reports/restful/GetCurUser.ashx,callback: function (options, success, response) {if (success) {ub.setTitle(您好response.responseText);}}});},//显示条件窗口showConditionWin: function () {win this.getCdnWin();if (win null) {Ext.Viewport.add(Ext.create(condition));win this.getCdnWin();}win.show({ type: slide, direction: down });},//关闭条件窗口CdnWinClose: function () {this.getCdnWin().hide(popOut);},//查询CdnWinSearch: function () {this.getCdnWin().hide({ type: slideOut, direction: right });//加载数据this.LoadCategoryData();},//查询品类LoadCategoryData: function () {win this.getCdnWin();cdt {brand: win.getValues().sbrand,season: win.getValues().sseason,series: win.getValues().sseries,boduan: win.getValues().sboduan,designer: win.getValues().sdesigner,skc: win.getValues().sskc};this.getMain().getStore().getProxy().setExtraParams(cdt);this.getMain().getStore().load();currentCGRY ;},//单击品类CategoryClick: function (list, index, item, record) {if (this.getProduct() null)Ext.Viewport.add(Ext.create(Product));Ext.Viewport.setActiveItem(this.getProduct());this.LoadProductData(list.getStore().getAt(index).get(category));},//根据品类加载产品图册信息LoadProductData: function (cgry) {if (currentCGRY ! cgry) {win this.getCdnWin();cdt {brand: win.getValues().sbrand,season: win.getValues().sseason,series: win.getValues().sseries,boduan: win.getValues().sboduan,designer: win.getValues().sdesigner,skc: win.getValues().sskc,category: cgry};this.getProduct().getStore().getProxy().setExtraParams(cdt);this.getProduct().setItemTpl(tplDesign);//设置格式//重置 图片类型 按钮this.getBtnImgType().setPressedButtons(this.getBtnDesignImg());this.getProductToolbar().setTitle(cgry);this.getProduct().getStore().load();currentCGRY cgry;//缓存}},//取消产品operateimg: function () {skcname this.getProductDetailTB().getTitle().getHtml();//遮罩Ext.Msg.confirm(请确认, 您确认暂停该产品吗, function (id) {if (id ok || id yes) {Ext.Viewport.setMasked({xtype: loadmask,message: 请稍候...});Ext.Ajax.request({url: /View/Reports/restful/Operates.ashx,method: POST,params: {skc: skcname,type: cancel},callback: function (options, success, response) {Ext.Viewport.unmask();//关闭遮罩if (success) {obj Ext.JSON.decode(response.responseText);Ext.Msg.alert(提示, obj.msg);} else {Ext.Msg.alert(异常, 网络异常,操作失败);}}});}});},//单击产品ProductClick: function (list, index, item, record) {if (this.getProductDetail() null)Ext.Viewport.add(Ext.create(ProductDetail));temp list.getStore().getAt(index);//标题this.getProductDetailTB().setTitle(temp.get(productName));//图片if (temp.get(desimgb) )this.getCrslDesign().setHtml(设计草图暂无大图显示);else {url /FlexPLMAPI/GetFlexImage.aspx?DTtrueIMG encodeURIComponent(temp.get(desimgb)); this.getCrslDesign().setHtml(设计草图);}if (temp.get(smpimgb) )this.getCrslSample().setHtml(样衣图片暂无大图显示);else {url /FlexPLMAPI/GetFlexImage.aspx?DTtrueIMG encodeURIComponent(temp.get(smpimgb)); this.getCrslSample().setHtml(样衣图片);}wfhistory this.getCrslWf();canclebtn this.getBtnCancelProduct();canclebtn.hide();this.getProductDetail().show(pop);this.getCrslWf().setHtml(//获取产品生命周期brand ;if (temp.get(productName).substring(0, 1) E)brand EP;else if (temp.get(productName).substring(0, 1) G)brand E.Prosper;Ext.Ajax.request({url: /View/Reports/restful/GetLife.ashx,method: POST,params: {vr: temp.get(pvr),brand: brand},callback: function (options, success, response) {if (success) {obj Ext.JSON.decode(response.responseText);if (obj.success true) {wfhistory.setHtml( obj.data );//产品暂停按钮if (obj.pause true)canclebtn.show();elsecanclebtn.hide();}else {wfhistory.setHtml( obj.msg );}} else {wfhistory.setHtml(网络异常无法获取数据);Ext.Msg.alert(异常, 网络异常,无法获取数据);}}});}});
