`

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拼接等多种技术难点

    extjs中文文档大全

    在使用过程中,要特别注意ExtJS的MVC(Model-View-Controller)架构,这是其设计的一大亮点。通过模型管理数据,视图展示数据,控制器协调两者,可以使代码结构清晰,易于维护。此外,利用Data Binding功能,可以...

    extjs4 对各类型store各种数据的读取 model 前台 等等

    Model在ExtJS 4中用于定义数据结构,即定义Store中数据的字段、验证规则等。下面是一个具体的Model定义示例: ```javascript Ext.regModel('User', { fields: [ { name: 'name', type: 'string' }, { name: 'age...

    extJs3升级extjs4方案

    在 ExtJS3 中,我们可以使用 Ext.extend 来定义类,而在 ExtJS4 中,我们需要使用 Ext.define 来定义类。例如,在 ExtJS3 中,我们可以使用以下代码来定义一个类: ```javascript Ext.ux.PostStore = Ext.extend...

    extjs4中文文档

    1. **组件化**:EXTJS4引入了基于MVC(Model-View-Controller)设计模式的组件系统,允许开发者构建复杂、可复用的UI组件。这些组件可以是简单的按钮、表格,也可以是复杂的表单、数据网格等。 2. **布局管理**:...

    extjs3.0中文API

    在ExtJS中,API涵盖了所有可用的组件、布局、数据绑定、事件处理等。 在ExtJS 3.0中,核心知识点包括: 1. **组件系统**:ExtJS 3.0包含了大量的UI组件,如按钮(Button)、表格(Grid)、面板(Panel)、表单...

    ExtJS中文手册.doc

    关于文件名称列表中的"ExtJS中文手册.doc",这表明手册以Microsoft Word文档格式提供,方便开发者打印或离线阅读。可能包含以下章节: 1. **基础概念**:介绍ExtJS的基本结构,如类系统、MVC模式、组件生命周期等。...

    extjs和数据库的后台交互

    4. **Model和Store**:在ExtJS中,Model定义了数据的结构和行为,Store则负责管理一组Model实例,提供数据加载、排序、过滤等功能。开发者可以配置Store的proxy属性,指定与后台交互的方式,比如设置为`Ext.data....

    extjs中文api

    这是ExtJS中的核心类之一,用于定义和管理整个应用,包括启动、配置、管理组件树等关键任务。 #### 二、事件处理机制与代码示例 在ExtJS中,事件处理是非常重要的一个方面,它使得用户可以与页面元素进行交互。...

    extjs中的多选列表

    在EXTJS中,我们可以借助`Ext.selection.Model`和`Ext.list.View`来实现这一功能。`Ext.selection.Model`是用来管理选择行为的类,而`Ext.list.View`则是一个展示数据的视图组件,它可以与`Ext.selection.Model`配合...

    extjs3.3 中文文档

    4. **数据管理**:EXTJS的数据模型(Model)、数据存储(Store)和代理(Proxy)是数据管理的关键部分。文档将解释如何加载、保存和操作数据,以及如何与服务器进行通信。 5. **布局和渲染**:EXTJS提供了多种布局...

    extjs4中文视频下载地址

    - **Model 定义**:Model 是 ExtJS 4.0 中用于定义数据结构的核心类之一。它定义了数据的字段及其属性,为后续的数据操作提供基础。 - **字段类型**:Model 支持多种字段类型,如字符串、数字、日期等,每种字段类型...

    ExtJs中datetimefield扩展

    在ExtJs中,DateTimeField是一种特殊的输入控件,用于处理日期和时间的组合输入。它扩展了基础的DateField,并提供了更丰富的功能,适合在Web应用程序中进行日期和时间选择。这个“ExtJs中datetimefield扩展”可能...

    Extjs3.2中文帮助手册

    ExtJS是一个基于JavaScript的开源富客户端框架,广泛用于...总的来说,"Extjs3.2中文帮助手册"是开发者掌握和使用ExtJS 3.2不可或缺的资源,通过深入学习和实践手册中的内容,开发者可以有效地提升开发效率和应用质量。

    Extjs 3.0 中文API

    在《ExtJS 3.0 中文API》中,我们可以找到以下几个关键的知识点: 1. **组件体系**:ExtJS 3.0的核心是其组件模型,包括各种UI元素如按钮(Button)、表格(Grid)、面板(Panel)、表单(Form)等。这些组件具有...

    ExtJS_3.3中文

    开发者可以通过这份文档快速查找ExtJS 3.3中的各个类,了解它们的功能、方法和属性,以便在实际编程中有效利用。 在ExtJS 3.3中,主要知识点包括: 1. **组件系统**:ExtJS的核心是组件化,它提供了一种可复用的...

    Extjs6示例中文版

    - **架构模式**:ExtJS支持MVC(Model-View-Controller)和MVVM(Model-View-ViewModel)两种架构模式,有助于组织代码结构,便于维护和扩展。 - **简化复杂操作**:对于诸如AJAX请求、创建复杂的用户界面元素等任务...

    extjs3中引入地图

    EXTJS提供了丰富的数据处理工具,如Store、Model和Proxy,可以与服务器进行数据交换。 总的来说,EXTJS3中引入地图涉及的主要知识点包括EXTJS组件系统、事件处理、自定义HTML嵌入以及与第三方API的集成。通过本实例...

    extjs中查询手册

    同时,文档包含“所有函数及示例”,意味着它覆盖了EXTJS的完整API,无论是基础组件如按钮(Button)、表格(Grid)、面板(Panel),还是高级功能如数据存储(Store)、数据绑定(Model)、图表(Charts)等,都...

Global site tag (gtag.js) - Google Analytics