EasyUI 의 DataGrid 줄 마다 조작 버튼 의 구현 코드 를 추가 합 니 다.
사용자 정의 열 을 추가 하 는 것 은 간단 합 니 다.js 가 datagrid 를 설명 할 때 다음 과 같은 코드 를 추가 합 니 다.
{field:'operate',title:' ',align:'center',width:$(this).width()*0.1,
formatter:function(value, row, index){
var str = '<a href="#" rel="external nofollow" name="opera" class="easyui-linkbutton" ></a>';
return str;
}}
이 줄 코드 는 columns 속성 에서 정 의 된 것 이 며,반드시 이 코드 를 추가 해 야 합 니 다.
onLoadSuccess:function(data){
$("a[name='opera']").linkbutton({text:' ',plain:true,iconCls:'icon-add'});
},
이것 을 추가 하지 않 으 면 그 작업 열 에 단추 스타일 이 나타 나 지 않 습 니 다.하이퍼링크 일 뿐 링크 button 이나 다른 단추 로 필요 에 따라 개편 할 수 있 습 니 다.마지막 효 과 는 다음 과 같다.
그 다음 에 a 태그 에 대해 onclick 이벤트 같은 것 을 할 수 있 습 니 다.상황 에 따라 결정 할 수 있 습 니 다.
총결산
위 에서 말씀 드 린 것 은 편집장 님 께 서 소개 해 주신 EasyUI 의 DataGrid 각 줄 데이터 에 조작 버튼 을 추가 하 는 실현 코드 입 니 다.여러분 께 도움 이 되 시 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.편집장 님 께 서 바로 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
EasyUI Datagrid Datetime(EasyUI DataGrid 시간 포맷)EasyUI DataGrid 시간 포맷 방법 1: 위에서 이러한 방법은 데이터grid에서 시험하였습니다.varobj=eval('('+'{Date: new'+value+'}'+').이 말은 도망갈 수 없다! 다음 방법...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.