Jquery easyui 在组合框更改上设置textfield的值-easyui
下面是我的部分行。当组合框值更改时,我需要更改BudgetLineItemCode字段的值Jquery easyui 在组合框更改上设置textfield的值-easyui,jquery-easyui,Jquery Easyui,下面是我的部分行。当组合框值更改时,我需要更改BudgetLineItemCode字段的值 { title: 'Index', field: 'RootLevel', width: 50, editor: { 'type': 'validatebox', 'options': { required: true}} }, { field: 'PHeading', title: 'Heading', width: 240, formatter:
{ title: 'Index', field: 'RootLevel', width: 50, editor: { 'type': 'validatebox', 'options': { required: true}} },
{ field: 'PHeading', title: 'Heading', width: 240,
formatter: function (value) {
for (var i = 0; i < CItems.length; i++) {
if (CItems[i].heading.toLowerCase() == value.toLowerCase()) {
return CItems[i].heading;
}
return value;
},
editor: {
type: 'combobox',
options: {
valueField: 'heading',
textField: 'heading',
data: CItems,
required: true
onSelect: function (record) {
var selrow = $('#trgrid').treegrid('getSelected');
var rowIndex = $('#trgrid').treegrid('find',row.BudgetDetailID)
var editors =$('#trgrid').treegrid('getEditors',selrow.BudgetDetailID);
var codeEditor = editors[2];
$(codeEditor.target).text('setValue', 'newval');
}
}
}{ title: 'Code', field: 'BudgetLineItemCode', width: 50, editor: { 'type': 'text'} }
{title:'Index',field:'RootLevel',width:50,编辑器:{'type':'validatebox','options':{required:true},
{字段:'PHeading',标题:'Heading',宽度:240,
格式化程序:函数(值){
对于(变量i=0;i
而且,
还有一个问题。combobox没有onChange事件。我们有没有办法克服这个问题。我的意思是,我可能想检查combobox中用户类型的代码。对于第一部分,您可以做什么
$(codeEditor.target).val('newval');
由于validatebox的setter为.val()
对于第二个easyui combobox,默认情况下是这样的..或者您可以使用keyhandler
editor: {
type: 'combobox',
options: {
valueField: 'heading',
textField: 'heading',
data: CItems,
required: true,
keyHandler: {
up: function(){},
down: function(){},
enter: function(){},
query: function(q){ console.log(q)} //<----here
},
onSelect: function (record) {
var selrow = $('#trgrid').treegrid('getSelected');
var rowIndex = $('#trgrid').treegrid('find',row.BudgetDetailID)
var editors =$('#trgrid').treegrid('getEditors',selrow.BudgetDetailID);
var codeEditor = editors[2];
$(codeEditor.target).text('setValue', 'newval');
}
}
编辑器:{
键入:“组合框”,
选项:{
valueField:'标题',
textField:'标题',
数据来源:CItems,
要求:正确,
钥匙处理程序:{
up:function(){},
down:function(){},
输入:函数(){},
查询:函数(q){console.log(q)}/代码:
onSelect: function(rec){
var row = $('#tblCoursefaculty').datagrid('getSelected');
var rowIndex = $('#tblCoursefaculty').datagrid('getRowIndex', row)
var editors = $('#tblCoursefaculty').datagrid('getEditors', rowIndex);
var ed_fc_co_section = editors[8];
$(ed_fc_co_section.target).val(rec.co_section);
var ed_fc_co_course_cr = editors[9];
$(ed_fc_co_course_cr.target).val(rec.co_course_cr); }
} }">Course</th>
<th data-options="field:'fc_co_section',width:50,align:'left',editor:'text'">Section</th>
<th data-options="field:'fc_co_course_cr',width:50,align:'left',editor:'text'">Credit Hour</th>
onSelect:function(rec){
变量行=$('#tblCoursefaculty')。数据网格('getSelected');
var rowIndex=$('#tblCoursefaculty').datagrid('getRowIndex',row)
var editors=$('tblCoursefaculty').datagrid('getEditors',rowIndex);
var ed_fc_co_section=编辑[8];
$(ed_fc_co_section.target).val(rec.co_section);
var ed_fc_co_course_cr=编辑[9];
$(ed_fc_co_course_cr.target).val(rec.co_course_cr);)
}}>课程
部分
学分制