`

extjs中model

阅读更多
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

    extjs动态生成model、store、panel;sql拼接等多种技术难点

    extjs4中文视频下载地址

    第三讲:extjs4.0数据模型--Model 第四讲:extjs4.0的数据代理-Proxy 第五讲:extjs4.0的读写器reader,writer 第六讲:extjs4.0的数据集store 第七讲:extjs4.0的事件机制Event 第八讲:extjs4.0的Ajax 第九讲:...

    extjs4.2MVC去除Model层和Store层

    去除extjs4.2MVC中的Model层和Store层,使用工厂模式来创建Model层和Store层简化代码。

    EXTJS4自学手册

    EXTJS4自学手册——EXT数据结构组件(创建一个Model) EXTJS4自学手册——EXT数据结构组件(Model数据验证,数据交互) EXTJS4自学手册——EXT数据结构组件 EXTJS4自学手册——EXT数据结构组件(proxy代理类之客户端...

    ExtJS4中文教程2 开发笔记 chm

    ExtJS4学习笔记(十五)---Ext.data.Model ExtJS4学习笔记(十六)---Combobox三级联动 ExtJS4学习笔记(十四)--- ComponentQuery ExtJS4学习笔记(四)---Grid的使用 Extjs4开发笔记(三)——菜单的实现 Extjs4开发笔记(二)...

    EXTJS4.0视频教程配套代码

    [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.0教程视频

    [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各种数据的读取 model 前台 等等

    extjs4 对多种store数据 ,以多种方式绑定到界面上,以一例子以说明编写

    ASP.NET EXTJS 员工管理实例源码、注释详细

    02 ExtJs.Librariy 里包含的是在项目中引用的 dll HZYT.DBUtility.dll 数据库的底层类库(自己开发)。 Newtonsoft.Json.dll 转换成Json的类库,下载地址:(http://download.csdn.net/detail/wave2/5768785) 项目...

    Extjs教程源码

    第三讲: EXTJS4.0数据模型——Model 第四讲: EXTJS4.0的数据代理——Proxy 第五讲: EXTJS4.0的读写器Reader, Writer 第六讲: EXTJS4.0的数据集Store 第七讲: EXTJS4.0的事件机制Event 第八讲: EXTJS4.0的Ajax 第九讲...

    django-model2extjs:Model2extjs 是一个简单的 Django 应用程序,用于从 Django 模型生成 Extjs 代码(网格、表单和模型)

    Django-model2extjs 试图通过使用我们 django 项目中的模型来为不同的 Extjs 组件(网格、表单和模型)生成代码来实现该问题的简单解决方案。 生成的代码可以进一步扩展以满足每个应用程序的需要。 Django-model2...

    extjs4 mvc extjs

    是用extjs mvc写的,controller里面会配置model store view,然后mode和store的关系,相信大家也很清楚了,store里面会用到model,当然也可以不用,和原来的extjs3.x是一样的,用field来表示,其实是换汤不换药而已...

    EXTJS简单MVC实例

    只要将解压的文件直接放置到myeclipse的webroot下面,启动tomcat访问。简单的EXTJS mvc框架,设计 store,model,controller,view,window等等,同时展示了一些基本的点击显示、修改等等操作,需要的同学自行下载

    Extjs4.0视频教程和源代码,另附文档翻译

    [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)

    SpringMVC+ExtJS完美集成(数据传输方式为JSON和model),同时还支持controller页面配置、页面消息可配置(类似于国际化)、intercepter示例。

    ExtJS(ajax框架) 4.2.1

    可以把ExtJS用在.Net、Java、Php等各种开发语言...全新的图表库:ExtJS4中, 全新的、插件自由的图表库是最激动人心的新功能之一,创建了饼图、线图、面积图、雷达图等等,所有这些都是动画的、易于配置的和可扩展的。

    Extjs5.0从入门到实战开发信息管理系统(Extjs基础、Extjs5新特性、Spring、Spring mvc)

    本教程从Extjs5的开发环境搭建开始,讲解了Extjs5的项目结构(包括核心文件的作用),Extjs类的一些基本概念,布局、事件、MVVM和MVC架构、路由器,数据绑定等的概念和实际使用,同时讲解了开发中常用的extjs UI...

    Extjs4.0 mvc模式开发

    本工程采用ExtJs4.0 开发,采用mvc开发模式,分为controller view model store。

    Extjs6.0开发之mvvm与mvc的使用案例

    本模块采用的是Extjs6.0的开发技术,使用过extjs的朋友都知道,从Extjs5.0版本开始引入的新的开发模式,这种模式更清楚,更易理解,所以作为入门,大家不妨下载下来看看。 ps:本模块共有3个模块,其中两个模块采用...

    ExtJS_Designer(安装程序与破解补丁)

    ExtJs推出也有一段时间了,大家对它的UI都很熟悉了.很多不是专业的网站程序員,使用...* Update the Ext event registration model * Ext.Ajax enhancements * Browser history support (released in 2.2) 摘自官方原文

Global site tag (gtag.js) - Google Analytics