1.设置成输入框,在列表中输入并且修改
给timelimit 设置一个onchange 事件
'columns'=>array(
'id',
array('name' => 'platform', 'value' => '$data->platform'),
array('name' => 'version', 'value' => '$data->version'),
array('name' => 'build', 'value' => '$data->build'),
array('name' => 'uptime', 'value' => '$data->uptime'),
array(
'name' => 'timelimit',
'type' => 'raw',
//输入框
'value' => 'CHtml::textField("timelimit",$data->timelimit,array(
"size" => 25, //边框大小
"class" => "txt_timelimit", //设置样式
"id" => "$data->id", //当前数据id
"onchange" => "checkedField(this.value,$data->id,1)",
))'
),)
把数据传到后台进行更新
//更新
function checkedField(val,id,flag){
updateApp(id,val,flag);
}
function updateApp(id,val,flag)
{
if(confirm("确认修改?")){
$.ajax({
url : 'UpdateApp',
type : 'POST',
data : {"id":id,"val":val,"flag":flag},
dataType : 'json',
success:function (json) {
//成功获得的也是json对象
if(json.flag){
alert("修改成功")
$(this).val(json.val);
window.location.reload();
}
}
})
}
}
在columns 下 添加 下列代码
array(
'name' => 'isblock',
'type' => 'raw',
//输入框
'value' => 'CHtml::checkBox("isblock",$data->isblock,array(
"id" => "$data->id", //当前数据id
"value" => "$data->isblock",
"onchange" => "check_isblock(this.checked,$data->id,3)",
))'
),
用JS设置默认选中的复选框
//checkbox 默认选中事件
$(document).ready(function () {
var checkboxs = document.getElementsByName("isblock");
for (var i=0;i<checkboxs.length;i++) {
var val = checkboxs[i].value;
var e=checkboxs[i];
if(val=='Y'){
e.checked= true;
}else{
e.checked=false;
}
}
});
最后把数据传到后台
function check_isblock(ischeck,id,flag) {
var val = ischeck?'Y':'N';
// updateApp(id,val,flag);
}