Easyui 에서 Dialog 줄 내 단추 레이아웃 을 사용 하 는 실례
<div class="easyui-layout" data-options="fit:true">
<div data-options="region:'north',split:false"
>
<div title=" " >
<table cellpadding="12" cellspacing="0" >
<tr>
<td > :</td>
<td><input id="roleName" class="easyui-textbox"
></td>
<td > :</td>
<td>
<select id="roleFun" class="easyui-combobox" data-options="editable:false,multiple:true,panelHeight:'400px'" ></select>
<div id="roleFunPanel">
<ul id="roleFunTree" class="easyui-tree" data-options="animate: true,checkbox:true">
<li> 1</li>
<li> 2</li>
<li> 3</li>
</ul>
</div>
</td>
<td >
<a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" onclick="newAppendRole()"> </a>
</td>
</tr>
</table>
<table id="tblRoleDetail" ></table>
</div>
</div>
</div>
<div id="editRoleDialogFrame"></div>
JS 부분 코드
var grid = $("#tblRoleDetail").datagrid({
border : false,
striped : true,
rownumbers : true,
fitColumns : true,
singleSelect : true,
height: '90%',
width: '100%',
idField :'roleName',
plain : true,
fit : false, <span > </span>
selectOnCheck:false,
nowrap: true,
onClickRow : tblRoleDetailOnClickRow ,
columns:[[
{field:'roleName',title:' ',width: '19%',align:'center'},
{field:'funId',title:' ',width: '70%',align:'left',
formatter: function(value,row,index){
return '<span title='+value+'>'+value+'</span>'
}
},
{field:'opt',title:' ',width:'10%',align:'center',
formatter:function(value,rec)
{
var btn1 = '<a class="editcls" onclick="newRoleEdit(\''+rec.roleName+'\')" href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>';
var btn2 = '<a class="delecls" onclick="removeRole(\''+rec.roleName+'\')" href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>';
return btn1+btn2;
}
}
]],
onLoadSuccess:function(data){
$('.editcls').linkbutton({text:' ',plain:true,iconCls:'icon-edit'});
$('.delecls').linkbutton({text:' ',plain:true,iconCls:'icon-remove'});
$('#tblRoleDetail').datagrid('fixRowHeight'); // ,
}
});
효과 도이 Easyui 가 Dialog 줄 내 버튼 을 사용 하여 레이아웃 한 인 스 턴 스 는 바로 작은 편집 이 여러분 에 게 공유 한 모든 내용 입 니 다.참고 가 되 고 저 희 를 많이 사랑 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
【Android】 DialogFragment의 배경을 투과하려고 빠진 이야기DialogFragment의 배경을 투과하려고하면 빠졌기 때문에, 조사한 것의 정리 ・dialog.window().setBackgroundDrawableResource()로 투과할 수 있다 · onCreateDial...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.