如何使用 javascript 将内容设置到 easyui 面板

How to set content to easyui panel with javascript

我在使用 easyui 面板时遇到问题,所以我在这里需要别人的帮助,甚至认为我发现一些人在 Whosebug 中使用 easyui。

我的页面中有一个面板,例如:

<div  class="easyui-panel" title="" id="pp"  closed="true" style="width:100%">
</div>

然后,我想将一个输入值的值放入此 pp 面板。

输入值和按钮代码为:

<input type="text" style="width:97%;height:40px" id="drafterId" value='ths'>
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="drafter()" data-options="plain:true,iconCls:'icon-man'">bt</a>

现在想在点击linkbutton时使用drafter功能来实现:

function drafter()
{
    var drf=$("#drafterId").val();
    alert(drf);//works OK
    var drfN="<tr>"+drf+"</tr>";

    $('#pp').panel('refresh', 'drf');   //works fail
}

但不幸的是,$('#pp').panel('refresh', 'drf'); 工作失败。我试过另一种方法:

$('#pp').html(drf);

$('#pp').innerHTML(drf);

他们都失败了。谁能帮帮我?

删除变量名“drf”两边的引号。

所以$('#pp').panel('refresh', 'drf');

变成$('#pp').panel('refresh', drf);

$('#pp').append(drf); 正常