新学extJS,这玩意儿真心不好搞啊，碰到这样一个问题，就是动态加载grid,总是不能显示数据啊，呜呜
[问题点数：40分]
新学extJS,这玩意儿真心不好搞啊，碰到这样一个问题，就是动态加载grid,总是不能显示数据啊，呜呜
[问题点数：40分]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2014年2月 总版技术专家分月排行榜第二2013年4月 总版技术专家分月排行榜第二
优秀小版主2015年7月优秀小版主2015年9月优秀小版主2015年5月优秀小版主2014年11月论坛优秀版主
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。ComboBox 是最常用的控件，下面来了解快速使用它的方法和技巧。（本文以 Extjs 3.4 为基础）
一、简单实现及属性、方法介绍
简单 ComboBox：
var CountryCode = [
['93','Afghanistan(93)'],
['355','Albania
['213','Algeria
['376','Andorra
['244','Angola
//ComboBox 定义：
var combo = new boBox({
id: 'combo',
hiddenName： 'country',
//提交时的 combo Name
allowBlank: 'false',
//是否允许为空
width: 80,
readOnly : true,
//是否只读
editable: false,
//是否可以编辑
typeAhead: true,
//当用户输入停顿超过 250ms 时自动找到匹配值填入
typeAheadDelya: 350,
//设置延迟时间，默认是 250ms
triggerAction: 'all',
//默认为"query"，选择某值后，再次选择时只出现匹配选项，"all"表示再次选择时出现所有项
emptyText : '请选择',
//未选择时显示的文字
blankText : '该选项必选填写',
//未选择时，提交表单显示的错误信息,
store: new Ext.data.SimpleStore({
fields: ['value', 'text'],
data : CountryCode
mode: 'local',
//数据加载模式，local 代表本地数据
valueField: 'value',
//选项的 value 值，提交时传递的该值
displayField: 'text',
//选项的显示值
listeners: {…}
//监听事件
var combo = Ext.getCmp("combo");
combo.setValue("游戏");
//设置 combo 值（显示值）
combo.clearValue();
//清除 combo 值
combo.hiddenField.value = "game";
//设置 combo 隐藏值（传递值）
想了解 ComboBox 所有的属性和方法，可以看 Extjs 官方的 API 文档：
注意链接中的/4-1/就是 Extjs 的版本号，可以修改它来查看对应版本的 API 文档，如 Extjs 3.4 版就修改为/3-4/。
二、动态加载数据
首先通过Ext.data.Store获取数据，这里的数据结构为 JSON，键名分别为value、text：
var testDS = new Ext.data.Store({
autoLoad: true,
url: 'test.php',
reader: new Ext.data.JsonReader({
root:'data'
{name: 'value'},
{name: 'text'}
接收到的 Json 数据格式：
"data" : [
{"value":"1", "text":"选项一"},
{"value":"2", "text":"选项二"},
{"value":"3", "text":"选项三"},
{"value":"4", "text":"选项四"}
再来看看 ComboBox 设置：
var combo = new boBox({
store : testDS
mode: 'remote',
valueField: 'value',
displayField: 'text',
数据来源：store设置为上面声明的 testDS
加载模式：mode设置为remote表示远程加载，其实mode默认值就是remote所以这句代码可以不写。
三、联动 ComboBox
下面看看 combo1，combo2 的联动实现：
var combo1 = new boBox({
store: [["soft","软件"],["game","游戏"]],
mode: 'loacl',
valueField: 'value',
displayField: 'text',
listeners: {
select: function(combo, record, index){
var combo2 = Ext.getCmp("combo2");
combo2.clearValue();
combo2.store.load({
params: {value: record.data.value}
因为当 combo1 的值改变时，combo2 的选项也要随之改变，所以需要监听 combo1 的动作，于是为 combo1 增加了listeners: select方法，当 combo1 选项改变时就做以下操作：
清除 combo2 的所选项
将 combo1 选项值作为参数传递给 combo2 的数据集
再看看 combo2 的设置：
var testDS = new Ext.data.Store({
autoLoad: true,
url: 'test.php',
reader: new Ext.data.JsonReader({
root:'data'
{name: 'value'},
{name: 'text'}
var combo2 = new boBox({
id: 'combo2',
store: testDS
mode: 'local',
valueField: 'value',
displayField: 'text',
首先为 combo2 添加动态数据集 testDS，需要注意的是，虽然 combo2 的数据是动态的，但这里需要将其mode属性设置为local，这个是实现联动效果的必要设置。
四、相关插件
ComboBox 多选插件：LovCombo
下载及 API：
需要加载 ext.ux.form.lovcombo.js 和 Ext.ux.util.js 两个脚本文件。
加载的 ext.ux.form.lovcombo.css 中.ux-lovcombo-icon-unchecked、.ux-lovcombo-icon-checked类的图片路径需要根据需要进行修改。
LovCombo 是一个较老的插件，仅测试在 Extjs 3.4 下能够正常使用，其他版本未知；
插件本身有一个 BUG：当鼠标焦点失去后，勾选项会丢失。修复 BUG 需要修改 ext.ux.form.lovcombo.js 源代码：
在selectAll:function() {所在行之前添加代码：
,beforeBlur : function(){
var val = this. getRawValue();
if(this.forceSelection){
if(val.length & 0 && val != this.emptyText){
this.el.dom.value = Ext.isDefined(this.lastSelectionText) ? this.lastSelectionText : '';
this.applyEmptyText();
this.clearValue();
var texts = val.split(',');
var values='';
for(var i=0;i&texts.i++){
var rec = this.findRecord(this.displayField, texts[i].trim());
values+=(values.length&0?',':'')+rec.data[this.valueField];
this.setValue(values);
},selectAll:function () {
this.store.each(function (record) {
// toggle checked field
record.set(this.checkField,true);
//display full list
this.doQuery(this.allQuery);
this.setValue(this. getCheckedValue_r());
一个实际的例子：
var lovcomboDS = new Ext.data.Store({
autoLoad: true,
url: 'test.php]',
reader: new Ext.data.JsonReader({
root:'data'
{name: 'value'},
{name: 'text'}
var lovcombo = new Ext.ux.form.LovCombo({
id: 'lovcombo',
fieldLabel: 'lovcombo 测试',
name: 'lovcombo_test',
hiddenName:'lovcombo_test'
width: 300,
maxHeight: 200,
store : lovcomboDS,
loadingText: 'Searching…',
triggerAction: 'all',
editable: true,
typeAhead: true,
minChars: 2,
//当输入 2 个字符后开始发起请求
queryParam:'keyword',
//后端获取搜索关键词的 name
displayField: 'text',
valueField: 'value'> Sencha touch 2 - 如何在把list的数据动态传输到另外一个view
Sencha touch 2 - 如何在把list的数据动态传输到另外一个view
iszinsser & &
发布时间： & &
浏览：70 & &
回复：0 & &
悬赏：0.0希赛币
Sencha touch 2 - 怎么在把list的数据动态传输到另外一个view　　有时候在我们的实际例子中会遇到一个list的数据会用于另外一个view所需要的数据。下面例子实现了MVC模式下怎么实现：
　　1. 下面截图为我们定义的一个list：
　　Ext.define(&DingCan.view.Category&,{
extend:'Ext.List',
xtype:'categorylist',
fullscreen:true,
store:'Category',
id:'categorylist',
onItemDisclosure:true,
itemTpl:'{name}'
initialize:function(){
this.callParent(arguments);
　　list的store定义，通过ajax的proxy拿到json数据格式的数据。
　　Ext.define('DingCan.store.Category',{
extend: 'Ext.data.Store',
fields: ['name', 'path', 'last_modified'],
　　autoLoad: true,
& & & & & &type: 'ajax',
& & & & & &url: 'get-album.php',
& & & & & &reader: {
& & & & & &
rootProperty:'albums',
& & & & & &
type:'json' & &&
& & & & & &}
　　list 显示如下，这时候我们需呀讲buidling这个字段作为下一个listdetail的参数条件访问。
　　这时候我们需要在controller里面定义一个disclose的event， 在函数showcategorylist中实现了这个方法，请看红色部分的解释
　　Ext.define('DingCan.controller.Main',{
extend:'Ext.app.Controller',
//带#表示id的值
categorylist:'#categorylist',
//不带的为xtype的值
list:'mainlist',
foodslist:'foodslist'
categorylist:{
disclose:'showcategorylist',
showcategorylist:function(list, record){
//console.log(this.getList());
//getList是在refs声明的一个list页面
　　//此处是输出当前record的path路径，这个值正是listdetail需要的参数
console.log(record.data.path);
///newlist.path = record.data.
//console.log(Ext.getStore('foodliststore').getProxy().getUrl());
//此处是create一个listdetail的view，也就是需要跳转到的新页面
this.foodslist = Ext.create('DingCan.view.FoodsList');
　　//拼接成ajax的proxy需要的URL的值
var newURL = 'get-file.php path='+record.data.
　　//将新的URL赋值给listdetail里面的store里面的proxy的url
this.foodslist.getStore().getProxy().setUrl(newURL);
//console.log('after '+Ext.getStore('foodliststore').getProxy().getUrl());
//Ext.getStore('foodliststore').load();
//console.log(this.foodslist.getStore());
　　//然后将新的store重新load一次
this.foodslist.getStore().load();
//newstore.proxy.url = 'get-file.php path=' + record.data.
　　//用当前的list的push实现了新的页面的跳转，
　　//该地方有两种方法可以实现跳转
Ext.Viewport.setActiveItem(newlist,{ type: 'slide', direction: 'left' });
　　// this.getList().push({xtype:'foodslist'});
　　//getList()是在ref里面的mainlist的view，也就是当前页面
this.getList().push(this.foodslist)
//Ext.Viewport.setActiveItem(newlist,{ type: 'slide', direction: 'left' });
//alert('click me!');
launch:function(){
//console.log(Ext.getCmp('homepage'));
//Ext.getCmp('homepage').setActiveItem(2);
　　listdetail的store定义：
　　Ext.define('DingCan.store.FoodsList',{
extend: 'Ext.data.Store',
model:'DingCan.model.FoodsList',
　　//手工加载时候。不需要设置为true
//autoLoad: true,
　　//如果定义了storeid后。在view里面引用时候必须为foodliststore，不然会有warning报错找不到该store
storeId:'foodliststore',
//id:'foodsstore',
& & & & & & type: 'ajax',
　　//url是动态设置的。所以也不要此项
& & & & & & //url: 'get-file.php path=',
& & & & & & reader: {
& & & & & & rootProperty:'files',
& & & & & & type:'json' & &&
& & & & & & }
　　listdetail的view，注意view里面的store的值。
　　Ext.define(&DingCan.view.FoodsList&,{
extend:'Ext.DataView',
xtype:'foodslist',
requires:['DingCan.store.FoodsList'],
//path:'',
title: 'Define Category',
　　//此处就是我们需要引用的storeid的值。而不是class的值FoodsList
store:'foodliststore',
//itemSelector: 'div.node',
itemTpl:'&div style=&padding:10px 5px 5px 5&$>$div class=&node& style=&background:url({thumb});&$>$/div$>$/div$>$
initialize:function(){
this.callParent();
本问题标题：
本问题地址：
温馨提示：本问题已经关闭，不能解答。
暂无合适的专家
&&&&&&&&&&&&&&&
希赛网 版权所有 & &&sencha touch 入门系列 （六）sencha touch运行及代码解析（下） - 想啦牛肉面 - 推酷
sencha touch 入门系列 （六）sencha touch运行及代码解析（下） - 想啦牛肉面
1 //用来实例化Ext.app.Application，这是项目中唯一一个只要创建一次且不需要通过Ext.create来进行实例化的类，
2 //它会在Ext.application内部进行实例化，
3 //Ext.app.Application用来定义 Models, Controllers, Profiles, Stores 和 Views模块类文件的集合，
4 //当定义的这些文件被载入完毕时会触发里面的launch方法，
5 //我们一般在launch方法中创建我们的主视图
6 Ext.application({
//name属性表示项目名称，这个名称不能有空格也不能有标点符号，
//它将作为整个项目的全局命名空间，所有的类文件都必须以它开头，例如在这里我们的name为MyFirst,
//那么当我们定义其他类文件的时候 就必须用'MyFirst.model.User', 'MyFirst.controller.Users', 'MyFirst.view.Main' 等等
name: 'MyFirst',
//因为我们调用的是sencha-touch.js核心库，所以当你需要使用的功能不在核心库中的时候
//我们需要使用requires来引入该功能对应的js文件，当我们使用用sencha cmd打包压缩项目文件时，cmd工具会自动关联该js文件并将其内容打包到
//app.js中，虽然在开发过程中，不引入对应的js文件程序能够正常运行，程序在找不到指定js的时候会到touch文件夹下去自动查找源码文件关联，
// 但在浏览器的console窗口中会报警告，且在最终打包项目后程序将无法运行，所以开发过程中确保你的浏览器窗口中没有requires的警告
// 使用requires还有一个作用就是延迟加载，
//requires属性可以在所有的类文件中定义，当使用了requires属性的类被实例化时，如果该类中requires的js没有被加载这时就会立刻加载该requires的js文件
requires: [
'Ext.MessageBox'
//引入视图组件类文件
//定义应用程序图标，sencha cmd打包安装程序时有效
'57': 'resources/icons/Icon.png',
'72': 'resources/icons/Icon~ipad.png',
'114': 'resources/icons/Icon@2x.png',
'144': 'resources/icons/Icon~ipad@2x.png'
//设定ios图标的镜面效果
isIconPrecomposed: true,
//设定应用程序启动图，这个属性只支持ios设备
startupImage: {
'320x460': 'resources/startup/320x460.jpg',
'640x920': 'resources/startup/640x920.png',
'768x1004': 'resources/startup/768x1004.png',
'748x1024': 'resources/startup/748x1024.png',
'': 'resources/startup/.png',
'': 'resources/startup/.png'
//当application定义的资源文件都载入完毕时，
//会调用launch函数
launch: function() {
// 销毁启动动画，项目启动时的那三个闪烁点，可根据情况需要进行修改
Ext.fly('appLoadingIndicator').destroy();
// 初始化主视图文件，在这里创建了view文件夹下的Main视图并添加到
//viewport视口中，viewport继承自container，默认全屏属性和card布局
//在项目启动时自动创建
Ext.Viewport.add(Ext.create('MyFirst.view.Main'));
//项目使用sencha cmd的sencha app build production指令打包成webapp时会生成html5离线缓存文件
//当项目第一次访问后就会将项目缓存到本地，用户可以离线访问，
//在服务端的代码进行修改后重新打包成production发布时，浏览器端检测到代码更新后会调用
//该方法提示用户是否更新，确认更新后页面会自动刷新并缓存最新内容
onUpdated: function() {
Ext.Msg.confirm(
&Application Update&,
&This application has just successfully been updated to the latest version. Reload now?&,
function(buttonId) {
if (buttonId === 'yes') {
window.location.reload();
已发表评论数()
已收藏到推刊！
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
排版有问题
没有分页内容
视频无法显示
图片无法显示投放本站广告请联系:
Sencha相关书籍
基本组合框(Basic ComboBox)
Posted 周四, 06/19/2008 - 13:46 by
演示(demo)地址在文章最后.
效果图如下:
主要文件combos.html,combos.js,combos.css。
combos.html
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&
&meta http-equiv="Content-Type" content="text/ charset=iso-8859-1"&
&title&Combo Boxes&/title&
&link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" /&
&link rel="stylesheet" type="text/css" href="../../resources/css/xtheme-gray.css" /&
&!-- GC --&
&!-- LIBS --&
&script type="text/javascript" src="../../adapter/ext/ext-base.js"&&/script&
&!-- ENDLIBS --&
&script type="text/javascript" src="../../ext-all.js"&&/script&
&script type="text/javascript" src="states.js"&&/script&
&script type="text/javascript" src="combos.js"&&/script&
&link rel="stylesheet" type="text/css" href="combos.css" /&
&!-- Common Styles for the examples --&
&link rel="stylesheet" type="text/css" href="../examples.css" /&
&style type="text/css"&
p { width:650 }
&script type="text/javascript" src="../examples.js"&&/script&&!-- EXAMPLES --&
&h1&Combo Boxes&/h1&
&p&The js is not minified so it is readable. See &a href="combos.js"&combos.js&/a&.&/p&
&b&Data Sources&/b&&br /&
The combo box can use any type of Ext.data.Store as it's data source.
This means your data can be XML, JSON, arrays or any other supported format. It can be loaded using Ajax, script tags or be local.
This combo uses local data from a JS array:&p&
&input type="text" id="local-states" size="20"/&
&div id="state-combo-code-panel" style="margin-top:10px"&
&pre id="state-combo-code" class="code"&&code&// simple array store
var store = new Ext.data.SimpleStore({
fields: ['abbr', 'state'],
data : exampleData
var combo = new boBox({
store: store,
displayField:'state',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'Select a state...',
selectOnFocus:true,
applyTo: 'local-states'
&/code&&/pre&&/div&
The combo below uses the same data, but also illustrates how to use an optional
custom template to create custom UI renditions for list items. In this case,
each item has a popup QuickTip which displays the state's nickname when hovered over.
&input type="text" id="local-states-with-qtip" size="20"/&
&div id="state-combo-qtip-code-panel" style="margin-top:10px"&
&pre id="state-combo-qtip-code" class="code"&&code&// simple array store
var store = new Ext.data.SimpleStore({
fields: ['abbr', 'state', 'nick'],
data : exampleData
var comboWithTooltip = new boBox({
tpl: '&tpl for="."&&div ext:qtip="{state}. {nick}" class="x-combo-list-item"&{state}&/div&&/tpl&',
store: store,
displayField:'state',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'Select a state...',
selectOnFocus:true,
applyTo: 'local-states-with-qtip'
&/code&&/pre&&/div&
&b&Unobtrusive&/b&&br /&
The combo box can very easily be used to convert existing select elements into auto-completing, filtering combos.
Transformed select:&br/& &select name="state" id="state"&
&option value="AL"&Alabama&/option&
&option value="AK"&Alaska&/option&
&option value="AZ"&Arizona&/option&
&option value="AR"&Arkansas&/option&
&option value="CA"&California&/option&
&option value="CO"&Colorado&/option&
&option value="CT"&Connecticut&/option&
&option value="DE"&Delaware&/option&
&option value="FL"&Florida&/option&
&option value="GA"&Georgia&/option&
&option value="HI"&Hawaii&/option&
&option value="ID"&Idaho&/option&
&option value="IL"&Illinois&/option&
&option value="IN"&Indiana&/option&
&option value="IA"&Iowa&/option&
&option value="KS"&Kansas&/option&
&option value="KY"&Kentucky&/option&
&option value="LA"&Louisiana&/option&
&option value="ME"&Maine&/option&
&option value="MD"&Maryland&/option&
&option value="MA"&Massachusetts&/option&
&option value="MI"&Michigan&/option&
&option value="MN"&Minnesota&/option&
&option value="MS"&Mississippi&/option&
&option value="MO"&Missouri&/option&
&option value="MT"&Montana&/option&
&option value="NE"&Nebraska&/option&
&option value="NV"&Nevada&/option&
&option value="NH"&New Hampshire&/option&
&option value="NJ"&New Jersey&/option&
&option value="NM"&New Mexico&/option&
&option value="NY"&New York&/option&
&option value="NC"&North Carolina&/option&
&option value="ND"&North Dakota&/option&
&option value="OH" selected&Ohio&/option&
&option value="OK"&Oklahoma&/option&
&option value="OR"&Oregon&/option&
&option value="PA"&Pennsylvania&/option&
&option value="RI"&Rhode Island&/option&
&option value="SC"&South Carolina&/option&
&option value="SD"&South Dakota&/option&
&option value="TN"&Tennessee&/option&
&option value="TX"&Texas&/option&
&option value="UT"&Utah&/option&
&option value="VT"&Vermont&/option&
&option value="VA"&Virginia&/option&
&option value="WA"&Washington&/option&
&option value="WV"&West Virginia&/option&
&option value="WI"&Wisconsin&/option&
&option value="WY"&Wyoming&/option&
&/div&&br /&
Originally looked like:&br/& &select name="state-orig"&
&option value="AL"&Alabama&/option&
&option value="AK"&Alaska&/option&
&option value="AZ"&Arizona&/option&
&option value="AR"&Arkansas&/option&
&option value="CA"&California&/option&
&option value="CO"&Colorado&/option&
&option value="CT"&Connecticut&/option&
&option value="DE"&Delaware&/option&
&option value="FL"&Florida&/option&
&option value="GA"&Georgia&/option&
&option value="HI"&Hawaii&/option&
&option value="ID"&Idaho&/option&
&option value="IL"&Illinois&/option&
&option value="IN"&Indiana&/option&
&option value="IA"&Iowa&/option&
&option value="KS"&Kansas&/option&
&option value="KY"&Kentucky&/option&
&option value="LA"&Louisiana&/option&
&option value="ME"&Maine&/option&
&option value="MD"&Maryland&/option&
&option value="MA"&Massachusetts&/option&
&option value="MI"&Michigan&/option&
&option value="MN"&Minnesota&/option&
&option value="MS"&Mississippi&/option&
&option value="MO"&Missouri&/option&
&option value="MT"&Montana&/option&
&option value="NE"&Nebraska&/option&
&option value="NV"&Nevada&/option&
&option value="NH"&New Hampshire&/option&
&option value="NJ"&New Jersey&/option&
&option value="NM"&New Mexico&/option&
&option value="NY"&New York&/option&
&option value="NC"&North Carolina&/option&
&option value="ND"&North Dakota&/option&
&option value="OH" selected&Ohio&/option&
&option value="OK"&Oklahoma&/option&
&option value="OR"&Oregon&/option&
&option value="PA"&Pennsylvania&/option&
&option value="RI"&Rhode Island&/option&
&option value="SC"&South Carolina&/option&
&option value="SD"&South Dakota&/option&
&option value="TN"&Tennessee&/option&
&option value="TX"&Texas&/option&
&option value="UT"&Utah&/option&
&option value="VT"&Vermont&/option&
&option value="VA"&Virginia&/option&
&option value="WA"&Washington&/option&
&option value="WV"&West Virginia&/option&
&option value="WI"&Wisconsin&/option&
&option value="WY"&Wyoming&/option&
&div id="transformed-combo-code-panel" style="margin-top:10px"&
&pre id="transformed-combo-code" class="code"&&code&var converted = new boBox({
typeAhead: true,
triggerAction: 'all',
transform:'state',
width:135,
forceSelection:true
&/code&&/pre&&/div&
&b&Grid Editor&/b&&br /&
&a href="../grid/edit-grid.html"&Click here&/a& to see the combo as a grid editor.
&b&Templates and Ajax&/b&&br /&
&a href="forum-search.html"&Click here&/a& for a more advanced example.
&br /&&br /&&br /&&br /&
* Ext JS Library 2.0.2
* Copyright(c) , Ext JS, LLC.
* licensing＠
* /license
Ext.onReady(function(){
Ext.QuickTips.init();
// simple array store
var store = new Ext.data.SimpleStore({
fields: ['abbr', 'state', 'nick'],
data : Ext.exampledata.states // from states.js
var combo = new boBox({
store: store,
displayField:'state',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'Select a state...',
selectOnFocus:true,
applyTo: 'local-states'
var comboWithTooltip = new boBox({
tpl: '&tpl for="."&&div ext:qtip="{state}. {nick}" class="x-combo-list-item"&{state}&/div&&/tpl&',
store: store,
displayField:'state',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'Select a state...',
selectOnFocus:true,
applyTo: 'local-states-with-qtip'
var converted = new boBox({
typeAhead: true,
triggerAction: 'all',
transform:'state',
width:135,
forceSelection:true
Create code view Panels. Ignore.
new Ext.Panel({
contentEl: 'state-combo-code',
width: Ext.getBody().child('p').getWidth(),
title: 'View code to create this combo',
hideCollapseTool: true,
titleCollapse: true,
collapsible: true,
collapsed: true,
renderTo: 'state-combo-code-panel'
new Ext.Panel({
contentEl: 'state-combo-qtip-code',
autoScroll: true,
width: Ext.getBody().child('p').getWidth(),
title: 'View code to create this combo',
hideCollapseTool: true,
titleCollapse: true,
collapsible: true,
collapsed: true,
renderTo: 'state-combo-qtip-code-panel'
new Ext.Panel({
contentEl: 'transformed-combo-code',
autoScroll: true,
width: Ext.getBody().child('p').getWidth(),
title: 'View code to create this combo',
hideCollapseTool: true,
titleCollapse: true,
collapsible: true,
collapsed: true,
renderTo: 'transformed-combo-code-panel'
combos.css
* Ext JS Library 2.0.2
* Copyright(c) , Ext JS, LLC.
* licensing＠
* /license
font-family:verdana,tahoma,
padding:20
padding-top:32
font-size:13
background-color:#fff !
margin-bottom:15
font-size:
margin-bottom:20
font-size:14
color:#333;
font-weight:
margin:10px 0;
.search-item {
font:normal 11px tahoma, arial, helvetica, sans-
padding:3px 10px 3px 10
border:1px solid #
border-bottom:1px solid #
white-space:
color:#555;
.search-item h3 {
font-weight:
color:#222;
.search-item h3 span {
font-weight:
margin:0 0 5px 5
本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.