Ext.define('Dock',{
extend : 'Ext.data.Model',
fields : [{name:'dockId',type:'string',mapping:'dockId'},
{name:'dockNo',type:'string',mapping:'dockNo'},
{name:'dockSiteName',type:'string',mapping:'bikeSite.siteName'},
{name:'dockStatus',type:'string',mapping:'dockStatus'},
{name:'bikeInfos',mapping:'bikes'},
{name:'dockRentCount',type:'int',mapping:'dockRentCount'},
{name:'dockReturnCount',type:'int',mapping:'dockReturnCount'}, {name:'dockProductionTime',type:'string',mapping:'dockProductionTime'}, {name:'dockStartUseTime',type:'string',mapping:'dockStartUseTime'}]
});
var docks_store=Ext.create("Ext.data.Store",{
model:"Dock",
autoLoad:true,
pageSize: 10,
proxy:{
type:"ajax",
url:"dock/lists",
reader : {
type : 'json',
root : 'docklist',
totalProperty : 'total'
}
}
});
var query_params;
docks_store.on('beforeload',function(store){
Ext.apply(store.proxy.extraParams,query_params);
})
var grid=Ext.create("Ext.grid.Panel",{
renderTo : 'grid',
width : "100%",
frame: true,
forceFit: true,
emptyText:"暂无锁柱",
store : docks_store,
selModel:Ext.create('Ext.selection.CheckboxModel'),
columns : [ {
dataIndex : 'dockSiteName',
text:'网点名称'
},{
text : '锁柱编号',
dataIndex : 'dockNo'
},{
text : '状态',
dataIndex :'dockStatus',
renderer: function(value){
if(value==1){
return "<img src='images/extjs/ok.png' title='正常'/>";
}else{
return "<img src='images/extjs/bad.png' title='损坏'/>";
}
}
}, {
text : '自行车数量',
dataIndex : 'bikeInfos',
renderer: function(value){
if(value.length>0){
return "1";
}else{
return "0";
}
}Ext.Msg.confirm("确认信息", "确认删除该锁柱吗?", function(button, text) {
if (button == "yes"){
var selections=grid.getSelectionModel().getSelection();
for( var i = 0 ; i < selections.length ; i++ ){
var is_bike=selections[i].get("bikeInfos").length;
if(is_bike<1){
var dockId= selections[i].get("dockId");
Ext.Ajax.request({
extjs中当无法确定web后台传来的值是何种数据类型(set,list对象)时,不要写type:,
mapping:对象(bikes)就行了,var is_bike=selections[i].get("bikeInfos").length;直接能获取到这个集合的长度,
分享到:
相关推荐
extjs动态生成model、store、panel;sql拼接等多种技术难点
第三讲:extjs4.0数据模型--Model 第四讲:extjs4.0的数据代理-Proxy 第五讲:extjs4.0的读写器reader,writer 第六讲:extjs4.0的数据集store 第七讲:extjs4.0的事件机制Event 第八讲:extjs4.0的Ajax 第九讲:...
去除extjs4.2MVC中的Model层和Store层,使用工厂模式来创建Model层和Store层简化代码。
EXTJS4自学手册——EXT数据结构组件(创建一个Model) EXTJS4自学手册——EXT数据结构组件(Model数据验证,数据交互) EXTJS4自学手册——EXT数据结构组件 EXTJS4自学手册——EXT数据结构组件(proxy代理类之客户端...
ExtJS4学习笔记(十五)---Ext.data.Model ExtJS4学习笔记(十六)---Combobox三级联动 ExtJS4学习笔记(十四)--- ComponentQuery ExtJS4学习笔记(四)---Grid的使用 Extjs4开发笔记(三)——菜单的实现 Extjs4开发笔记(二)...
[03]EXTJS4.0数据模型-Model.001.zip (70.00M)[03]EXTJS4.0数据模型-Model.002.zip (57.37M) 第四讲:extjs4.0的数据代理-Proxy [04]EXTJS4.0的数据代理-Proxy.002.zip [04]EXTJS4.0的数据代理-Proxy.001.zip ...
[03]EXTJS4.0数据模型-Model.001.zip (70.00M)[03]EXTJS4.0数据模型-Model.002.zip (57.37M) 第四讲:extjs4.0的数据代理-Proxy [04]EXTJS4.0的数据代理-Proxy.002.zip [04]EXTJS4.0的数据代理-Proxy.001.zip 第...
extjs4 对多种store数据 ,以多种方式绑定到界面上,以一例子以说明编写
02 ExtJs.Librariy 里包含的是在项目中引用的 dll HZYT.DBUtility.dll 数据库的底层类库(自己开发)。 Newtonsoft.Json.dll 转换成Json的类库,下载地址:(http://download.csdn.net/detail/wave2/5768785) 项目...
第三讲: EXTJS4.0数据模型——Model 第四讲: EXTJS4.0的数据代理——Proxy 第五讲: EXTJS4.0的读写器Reader, Writer 第六讲: EXTJS4.0的数据集Store 第七讲: EXTJS4.0的事件机制Event 第八讲: EXTJS4.0的Ajax 第九讲...
Django-model2extjs 试图通过使用我们 django 项目中的模型来为不同的 Extjs 组件(网格、表单和模型)生成代码来实现该问题的简单解决方案。 生成的代码可以进一步扩展以满足每个应用程序的需要。 Django-model2...
是用extjs mvc写的,controller里面会配置model store view,然后mode和store的关系,相信大家也很清楚了,store里面会用到model,当然也可以不用,和原来的extjs3.x是一样的,用field来表示,其实是换汤不换药而已...
只要将解压的文件直接放置到myeclipse的webroot下面,启动tomcat访问。简单的EXTJS mvc框架,设计 store,model,controller,view,window等等,同时展示了一些基本的点击显示、修改等等操作,需要的同学自行下载
[03]EXTJS4.0数据模型-Model.001.zip (70.00M)[03]EXTJS4.0数据模型-Model.002.zip (57.37M) 第四讲:extjs4.0的数据代理-Proxy [04]EXTJS4.0的数据代理-Proxy.002.zip [04]EXTJS4.0的数据代理-Proxy.001.zip 第...
SpringMVC+ExtJS完美集成(数据传输方式为JSON和model),同时还支持controller页面配置、页面消息可配置(类似于国际化)、intercepter示例。
可以把ExtJS用在.Net、Java、Php等各种开发语言...全新的图表库:ExtJS4中, 全新的、插件自由的图表库是最激动人心的新功能之一,创建了饼图、线图、面积图、雷达图等等,所有这些都是动画的、易于配置的和可扩展的。
本教程从Extjs5的开发环境搭建开始,讲解了Extjs5的项目结构(包括核心文件的作用),Extjs类的一些基本概念,布局、事件、MVVM和MVC架构、路由器,数据绑定等的概念和实际使用,同时讲解了开发中常用的extjs UI...
本工程采用ExtJs4.0 开发,采用mvc开发模式,分为controller view model store。
本模块采用的是Extjs6.0的开发技术,使用过extjs的朋友都知道,从Extjs5.0版本开始引入的新的开发模式,这种模式更清楚,更易理解,所以作为入门,大家不妨下载下来看看。 ps:本模块共有3个模块,其中两个模块采用...
ExtJs推出也有一段时间了,大家对它的UI都很熟悉了.很多不是专业的网站程序員,使用...* Update the Ext event registration model * Ext.Ajax enhancements * Browser history support (released in 2.2) 摘自官方原文