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
}

但不幸的是，$（＆＃39;＃pp＆＃39;）。小组（＆＃39;刷新＆＃39;＆＃39; drf＆＃39;）;工程失败。我尝试过另一种方式：

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

和

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

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

Answer 1

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

Answer 2

删除变量名称'drf'周围的引号。

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

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

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

2 个答案: