首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

ExtJs四(ExtJs MVC登录窗口的调试)

onReady函数前面加入以下代码: Ext.Loader.setConfig({ enabled: true, paths: { 'Ext.ux': 'scripts/extjs.../ux' } }); 代码中,enabled为true,表示开启动态加载,paths对象里面定义的就是加载路径,在这里定义了Ext扩展的加载路径为“scripts/extjs/ux”。...将原来调用alert方法的语句删除,然后加入显示登录窗口的代码: Ext.ux.Login.show();  现在,在页面打开首页,将看到如下图 ? 单击一下图片,验证码也可刷新了。...切换回AccountController控制器,修改好WriteJobjectResult方法的调用参数。...然后对login.js登录事件添加提示信息,登录成功的话,弹出登录成功的提示框,失败的话,弹出登录失败的提示框。

4.4K20

ExtJs十四(ExtJs Mvc图片管理之四)

在VS,切换到PicManager.js文件,找到filestore的定义,先将renmoteSort修改为true。...重新设置排序后,调用load方法重新就可以了。这里唯一要注意的地方是,子菜单在取消选择和选择的时候都会触发该方法,因而需要检查checked的值,当它为true的时候才进行处理。...现在考虑一下视图的选择问题,在操作系统中,一般都可以使用拖动的方式选择文件,这个功能相当实用,而在Ext JS,要实现该功能也很简单,只有使用Ext JS包中的用户插件Ext.ux.DataView.DragSelector...先在解决方案ExtJS\ux目录下创建一个DataView目录,然后在Ext JS包中examples\ux\DataView目录下,将DragSelector.js文件复制到该目录。为什么要这样?...这里的焦点还是使用Store的remove方法删除数据,然后调用sync同步,如果服务器端删除成功,就调用commitChanges方法确认修改,否则调用rejectChanges方法取消删除。

3.3K30

ExtJs十(ExtJs Mvc用户管理之二)

在Ext JS包的examples\ux\css目录下打开CheckHeader.css文件,将文件里的全部样式定义复制到app.css中。然后修改将带背景图片的路径修改为“../images”。...最后调用startEdit方法进入编辑状态。...确认后,调用remove方法删除记录,并调用sync方法同步数据,如果成功,调用commitChanges方法确认修改,否则调用rejectChanges方法取消修改。...当用户确认后,就调用remove方法,并调用sync方法。 现在来完成服务器端代码。...因为Ajax提交不是根据返回的success值来调用success方法或failure方法的,只要不是页面错误,都会执行回调函数success方法,因而要自己根据返回的数据,调用decode方法将数据转换为对象

6.6K20

ExtJs九(ExtJs Mvc用户管理之一)

首先要做的是为用户信息创建一个模型,在Scripts\app\model目录下创建一个名为User.js的文件,然后添加以下模型定义代码: Ext.define('ExtMVCOne.model.User...这是ExtJS 4新添加的模型的功能,相当实用。 模型定义好以后,就要定义了Store了。Store除了要定义用户的外,因为要设置用户角色,所以还要定义用户角色的Store。...'Users.View' ], 这里要注意视图类的名称结构,代码中使用了Users.View表示创建视图时,要在\Scripts\app\view目录下创建Users目录,然后在创建View.js...view = Ext.widget("usersview"); panel.add(view); me.control({ }); } 代码调用的...现在切换到主面板控制器MainPanel.js,在用户管理的activate事件中,删除alert语句,调用getController方法加载控制器并调用控制器的init方法就行了,代码如下:

4.8K20
领券