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

Question

我在使用 easyui 面板时遇到问题，所以我需要有人的帮助，尽管我发现有人在 stackoverflow 中使用 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);

他们都失败了。谁能帮助我？

Answer 1

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