jquery easyui의 treegrid 사용에 대한 간단한 예

프로젝트 요구 사항은 아래와 같습니다. 서버에서 반환한 json 데이터에는 JS로 처리해야 하며 확인란을 추가해야 하며 확인란은 JS 작업에 응답해야 합니다.

easyui의 treegrid에는 기성 플러그인이 없습니다. 코드를 직접 수정해야 합니다.

<table class="easyui-treegrid" style="width:700px;height:250px"  url=&#39;control_node_json?group_id=$info[id]&access_node=$_REQUEST[access_node]"&#39; idField="id" treeField="title" fit="true" toolbar="#control_node_toolbar_{$info[id]}">
        <thead>  
          <tr>
            <th field="title" width="200px" data-options="formatter:title_formatter">名称</th>
            <th field="name" width="200px">节点</th>
            <th field="status" width="50px">状态</th>
            <th field="remark">备注</th>
          </tr>
          <thead>  
        </table>
        <div id="control_node_toolbar_{$info[id]}">
            <a href="javascript:alert(&#39;test&#39;);" class="easyui-linkbutton" iconCls="icon-add" plain="true">控制</a>
        </div>

위는 전체 HTML 코드인데, easyui의 장점은 JS에서 호출하는 다양한 속성을 테이블의 속성에 직접 작성할 수 있다는 점인데, 이는 직관적이고 이해하기 쉽습니다. 다음으로 확인란을 추가합니다.

//对名称列数据进行格式华
var access_node='{$_REQUEST[access_node]}'.split(',');
function title_formatter(value,node){ 
 var content=&#39;<input name="set_power" id="set_power_&#39;+node.id+&#39;" onclick="set_power_status(&#39;+node.id+&#39;)" class="set_power_status" type="checkbox" value="&#39;+node.id+&#39;" />&#39;+value;
 return content;
}
function set_power_status(menu_id){
 alert(&#39;要调用的函数和操作方法写这里&#39;);
}

$(set_power_1")을 사용하는 체크박스 메서드가 응답할 수 없습니다. 아마도 easyui가 처리했기 때문일 것입니다.

Jquery 더보기 treegrid의 간단한 예에 대한 관련 기사 easyui에서의 사용법은 PHP 중국어 홈페이지를 참고해주세요