jquery-easyui combobox combogrid 级联不可编辑实例
2015-11-09 10:51
756 查看
jquery-easyui combobox combogrid 级联不可编辑实例
如何让jquery-easyui的combobox像select那样不可编辑?
为combobox添加editable属性 设置为false
$('#goods_series').combobox({
url:"xxx/getBrandsGoodsSeries"+"?goods_brand_id="+goodsbrand,
valueField:'goods_series',
textField:'goods_series',
editable:false
});
获取值:
'goods_series':$("#goods_series").combobox("getValue"),
表单:
<input class="easyui-combobox" type="text" id="goods_series" style="border:solid 1px #95b8e7;width:120px;height:23px;" />
通过combogrid 选择级联的方式加载内容:
function goodsbrandSelect(){
var goodsbrand = -1;
var brandgrid = $('#goodsbrand').combogrid('grid').datagrid('getSelected');
if (brandgrid != null) {
goodsbrand = brandgrid.goods_brand_id;
}
$('#goods_series').combobox({
url:"xxx/getBrandsGoodsSeries"+"?goods_brand_id="+goodsbrand,
valueField:'goods_series',
textField:'goods_series',
editable:false
});
}
后台thinkphp代码:
public function getBrandsGoodsSeries(){
$goods_brand_id = I('get.goods_brand_id', -1);
$result = array();
$goods = M('goods')->field('goods_id, goods_series')
->where(array('goods_brand_id'=>$goods_brand_id))->where("goods_series is not null")
->group("goods_series")->select();
if (!empty($goods)){
$result = $goods;
}
echo json_encode($result);
}
如何让jquery-easyui的combobox像select那样不可编辑?
为combobox添加editable属性 设置为false
$('#goods_series').combobox({
url:"xxx/getBrandsGoodsSeries"+"?goods_brand_id="+goodsbrand,
valueField:'goods_series',
textField:'goods_series',
editable:false
});
获取值:
'goods_series':$("#goods_series").combobox("getValue"),
表单:
<input class="easyui-combobox" type="text" id="goods_series" style="border:solid 1px #95b8e7;width:120px;height:23px;" />
通过combogrid 选择级联的方式加载内容:
function goodsbrandSelect(){
var goodsbrand = -1;
var brandgrid = $('#goodsbrand').combogrid('grid').datagrid('getSelected');
if (brandgrid != null) {
goodsbrand = brandgrid.goods_brand_id;
}
$('#goods_series').combobox({
url:"xxx/getBrandsGoodsSeries"+"?goods_brand_id="+goodsbrand,
valueField:'goods_series',
textField:'goods_series',
editable:false
});
}
后台thinkphp代码:
public function getBrandsGoodsSeries(){
$goods_brand_id = I('get.goods_brand_id', -1);
$result = array();
$goods = M('goods')->field('goods_id, goods_series')
->where(array('goods_brand_id'=>$goods_brand_id))->where("goods_series is not null")
->group("goods_series")->select();
if (!empty($goods)){
$result = $goods;
}
echo json_encode($result);
}
相关文章推荐
- 用jQuery做全选
- 用户界面框架jQuery EasyUI正式发布v1.4.4[附下载]
- jquery 巧用json传参
- 动态加载jQuery
- jquery获取元素的值,获取当前对象的父对象等等
- jQuery事件触发和参数传递
- jquery html 动态添加元素绑定事件
- jquery写的一个小进度条
- 简易的JQuery设置Cookie
- JQuery
- jQuery的插件的写法
- jquery zTree 入门,从后台获取数据
- 一、jQuery选择器
- jQuery学习实例:焦点图轮播特效
- 重写jquery.confirm.js 摆脱传统alert confirm 插件供下载(三)
- jquery中attr和prop的区别分析
- AJAX在jQuery中使用步骤
- Jquery选择器(二)
- jquery实现网页中常见的展示列表效果
- jquery