Как установить контент на панель easyui с помощью javascript

Question

У меня проблема с использованием панели easyui, поэтому мне здесь нужна чья-то помощь, хотя я и обнаружил, что некоторые люди используют easyui в stackru.

У меня есть панель на моей странице, как:

<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>

Теперь я хочу использовать функцию drafter при нажатии на кнопку link для ее реализации:

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); работает нормально

Answer 2

Удалите кавычки вокруг имени переменной 'drf'.

Так $('#pp').panel('refresh', 'drf');

становится$('#pp').panel('refresh', drf);