EXTJS4.2 级联 下拉

items: [
        {
            xtype: "fieldcontainer",
            layout: "hbox",
            items: [{
                xtype: ‘combo‘,
                name: ‘ModelId‘,
                fieldLabel: ‘服务模型‘,
                store: comStore_CCServiceModel,
                valueField: "ModelId",
                displayField: "ModelName",
                mode: ‘remote‘,//local
                editable: false,
                triggerAction: ‘all‘,
                autoload: true,
                listeners: {
                    "select": function (combo, store, index) {

                        var CCTypeId = form.form.findField(‘CCTypeId‘);
                        CCTypeId.clearValue();

                        var ModelId = form.form.findField("ModelId").getValue();
                        CCTypeId.store.load({
                            params: {
                                ModelId: ModelId
                            }
                        });
                    }
                }
            }]
        },{
            xtype: "fieldcontainer",
            layout: "hbox",
            items: [{
                xtype: ‘combo‘,
                name: ‘CCTypeId‘,
                fieldLabel: ‘服务方式‘,
                store: comStore_CCServiceCategory,
                valueField: "CCTypeId",
                displayField: "CCTypeName",
                editable: false,
                triggerAction: ‘all‘,
                allowBlank: false,
                autoload: false,
                queryMode: ‘local‘,
            }]
        },
时间: 2024-11-16 20:58:50

EXTJS4.2 级联 下拉的相关文章

ajax实现级联下拉菜单

ajax实现级联下拉菜单非常简单,下面是一个用ajax实现的省市级联的下拉菜单: jsp中在<select>中添加onchange事件,触发该事件调用实现ajax的js: <div> <form action="Pcs" method="post"> 所在省:<select name="pro" id="pro" onchange="chCity();"> &

jquery级联下拉框

$(document).ready(function(){     //找到三个下拉框     var carnameSelect = $(".carname").children("select");     var cartypeSelect = $(".cartype").children("select");     var wheeltypeSelect = $(".wheeltype").chi

级联下拉菜单

级联下拉菜单 需要引入jQuery 级联下拉菜单JS-casdrop.js: var div_cascade; //数据格式示例 /* [ {"id":1,"name":"数码","pid":0}, {"id":2,"name":"手机","pid":1}, {"id":3,"name":"笔记本&

JQuery和ASP.NET分别实现级联下拉框效果

在学习JQuery之前知道下拉框的级联效果可以通过asp.net控件实现,现在学习了JQuery,知道了JQuery和select也能实现.我分别举两个小例子说明这两种方法如何实现. 1.用JQuery和select来实现汽车厂商和汽车类型的联动 效果图:       逻辑分析图: html代码: [html] view plain copy <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

收藏的js实现全国省份城市级联下拉菜单

在写程序的时候,经常需要用到全国省份城市级联下拉菜单的js代码. 这样的程序,没有必要完全自己去写,太费时间. 下面是我收藏的一个优质代码,非常不错,分享给大家. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http

在sharepoint 2010创建级联下拉菜单

SPServices是一个jQuery库,它提取SharePoint Web服务,并使其更容易使用.它可以使用不同的Web服务操作提供更有用且很酷的功能.它完全安装在客户端,不需要服务器. 用SPServices建立级联菜单十分简单,只需在同一个网站下建立一个级联关系库,再添加对应脚本即可. 我们要创建如下图级联下拉菜单 首先我们得建一个库,来确定两级菜单间的关系,像这样: 接着,如图所示在正式的库里创建Catalogue字段(一级菜单)和SubCatalogue字段(二级菜单)        

本示例演示如何通过Struts2框架提供的标签,简单地实现【级联下拉框】

1.发布房屋表单页面的级联下拉框如下: 2.     进入发布页面前需要查询下拉框数据,Action代码如下: 3.     房屋发布页面JSP代码如下: <s:doubleselect>标签的属性说明: list:                     一级下拉框的数据来源集合,和Action中集合名称一样 listKey:              一级下拉框数据集合中的实体,作为value的属性名 listValue:           一级下拉框数据集合中实体,作为text的属性名

Struts2 &lt;s:doubleselect&gt;级联下拉框 详解析

运行环境:myeclipse8.6+jboss5.1+jvm1.6 先看最后目录结构: 直接上源码: complexFormTag.jsp: <%@ page language="java" contentType="text/html; charset=gb2312"pageEncoding="gb2312"%> <%@ taglib prefix="s" uri="/struts-tags&qu

自己编写jQuery插件 之 无限级联下拉框

因为是级联,所以数据必须是树型结构的,我这里的测试数据如下: 看下效果图: 1.>图一: 2.>图二: 3.>图三: 由图可知,下拉框的个数并不是写死的,而是动态加载的.每当下拉框选择改变的时候,会发送一次ajax请求,请求成功返回json格式数据,当返回的数据不为空时(即有子节点时),则会向页面中添加一个下拉框,没有则不添加. 插件的实现代码如下: (function ($) { $.fn.CascadingSelect = function (options) { //默认参数设置