jquery easyui 页面点击“新增”按钮，页面会新增出一行，有下拉框，日期框等的一行。

这个很简单啊，你先把你要追加的内容定义成一个变量,

例如：var content="<span></span>"

然后点击新增的时候

$("#monthTable").append(content)

就可以了

valueField:'ID',

textField:'NAME',

loadFilter:function(data){

    data.unshift({ID:'1',NAME:'2'})

    return data1

}

假定value字段为ID text字段为NAME.

按照官方给出的Demo,做法就是用一个全局变量来保存当前编辑的索引。

具体做法，查看官方的Demo名为"rowediting.html"

我这里给出脚本片段：

<script type="text/javascript">

var editIndex = undefined

function endEditing(){

if (editIndex == undefined){return true}

if ($('#dg').datagrid('validateRow', editIndex)){

$('#dg').datagrid('endEdit', editIndex)

editIndex = undefined

return true

} else {

return false

}

}

function onClickCell(index, field){

if (editIndex != index){

if (endEditing()){

$('#dg').datagrid('selectRow', index)

.datagrid('beginEdit', index)

var ed = $('#dg').datagrid('getEditor', {index:index,field:field})

if (ed){

($(ed.target).data('textbox') ? $(ed.target).textbox('textbox') : $(ed.target)).focus()

}

editIndex = index

} else {

setTimeout(function(){

$('#dg').datagrid('selectRow', editIndex)

},0)

}

}

}

function onEndEdit(index, row){

var ed = $(this).datagrid('getEditor', {

index: index,

field: 'productid'

})

row.productname = $(ed.target).combobox('getText')

}

function append(){ // 追加行函数，在这里控制。

if (endEditing()){ // 如果结束了编辑就可以让用户继续追加，否则不允许追加新行

$('#dg').datagrid('appendRow',{status:'P'})

editIndex = $('#dg').datagrid('getRows').length-1

$('#dg').datagrid('selectRow', editIndex)

.datagrid('beginEdit', editIndex)

}

}

function removeit(){

if (editIndex == undefined){return}

$('#dg').datagrid('cancelEdit', editIndex)

.datagrid('deleteRow', editIndex)

editIndex = undefined

}

function accept(){

if (endEditing()){

$('#dg').datagrid('acceptChanges')

}

}

function reject(){

$('#dg').datagrid('rejectChanges')

editIndex = undefined

}

function getChanges(){

var rows = $('#dg').datagrid('getChanges')

alert(rows.length+' rows are changed!')

}

</script>

---