EasyUI 패 널 에 동적 으로 LinkButton 단추 추가

최근 에 만들어 진 낡은 시스템 을 리 모델 링 하 는 프로젝트 에서 개별 전시 위치 와 원래 시스템 을 위해 Easyui 의 panel 패 널 을 연 구 했 습 니 다.panel 의 패 널 에 Linkbuton 단 추 를 동적 으로 추가 하 는 편집 방법 을 연 구 했 습 니 다.여기 서 자신 이 나중에 잊 어 버 리 지 않도록 기록 하고 필요 한 사람 에 게 도 알려 주 었 습 니 다.코드 가 복잡 하 니 양해 해 주 십시오.이 룰 수 있 으 면 됐어,요구 가 높 지 않 아.
본론 으로 들 어가 면 다음 과 같은 그림 이 필요 하 다.

간단 해 보이 지만 패 널 의 title 에 링크 button 라벨 을 반복 해서 추가 하면 되 지 않 습 니까?사실은 처리 해 야 할 문제 가 많 습 니 다.제 생각 과 절 차 를 간단하게 설명 하 겠 습 니 다.
1.panel 의 title 속성 수신 형식 은 문자열 형식 이기 때문에 배경 에서 데 이 터 를 가 져 온 후에 문자열 로 연결 하여 title 에 값 을 부여 할 생각 입 니 다.
2.비동기 적 인 방식 으로 데 이 터 를 얻 은 후에 얻 은 값 을 추출 한 다음 에 다른 후속 적 인 방법 에서 사용 할 때 데 이 터 를 얻 지 못 하 는 것 을 발견 합 니 다.문제 노드,비동기;동기 화 획득 수로 변경 하여 문제 해결;
3.가 져 온 데 이 터 를 패 널 의 title 에 동적 으로 추가 한 후 데이터 가 추가 되 었 으 나 효과 가 없 음 을 확인 합 니 다.문제 점:렌 더 링 문제,해결 방법,panel 에 서 는태그 만 정의 하고 easyui 효 과 를 추가 하지 않 습 니 다.easyui 효 과 를 단독으로 추가 합 니 다.ok,이때 문제 가 해결 되 었 습 니 다.자,간단 해 보 입 니 다.그 중에서 제 가 실현 하기 전에 대량의 디 버 깅 과 검사 작업 을 포함 하고 있 습 니 다.그리고 볼 수 있 는 높 은 사람 이 가능 하 다 면 동생 에 게 조언 을 많이 해 주 십시오.더 말 하지 않 고 Show Code Time 입 니 다. //페이지 불 러 올 때 onload 이벤트 $(function () { //개발 방식 은 Asp.net MVC 액세스 페이지 를 이용 하여 액세스 컨트롤 러 이름 가 져 오기 var controllerName = "@ViewContext.RouteData.Values["controller"].ToString().ToLower()"; LoadDataAndColumnsName(controllerName); LoadButtonInfo(controllerName); }) var toolbar = []; //제목 데이터 가 져 오기 function LoadDataAndColumnsName(cname) { $.ajax({ type: "post", url: '/' + cname.toString() + '/GetCommand', contentType: "application/json;charset=utf-8", dataType: "json", async: false, success: function (data) { Callback(data); }, error: function (data) { alert("error"); } }) } //리 셋 함수 의 데 이 터 를 Panel title 에 넣 습 니 다. function Callback(json) { var data = json; toolbar = data.toolbar; var buttons="|Sim 카드 설정|"; $.each(data.toolbar, function (i, item) { buttons += "<a class='panel_" + item.btnName + "' id='" + item.btnName + "' style='margin-top:-5px;' onclick='OperAction(" + item.btnName + ");'></a>"; }) //로드 패 널 $("#contentDiv").panel({ title: buttons, height: $(window).height() }) } //Panel 의 title 속성 에 링크 button 단 추 를 렌 더 링 합 니 다. function LoadButtonInfo(cname) { $.each(toolbar, function (i, item) { //이렇게 단 추 를 불 러 오 는 방안 은 네트워크 에서 왔 습 니 다.연결 을 찾 을 수 없습니다.감사합니다. $("#contentDiv").panel('header').find('a.panel_' + item.btnName + '').linkbutton({ iconCls: 'icon-' + item.btnIcon + '', text: item.btnCaption, plain: 'true' }) $('#' + item.btnName + '').bind('click', function () { OperAction(item.btnName, cname); }) }) }자,이렇게 하면 표시 할 수 있 을 것 입 니 다.저 는 여기 가 됐 습 니 다.튼튼 하 게 OperAction 함 수 는 linktbutton 을 클릭 할 때 발생 하 는 함 수 를 처리 하여 해당 작업 을 완성 하 는 것 입 니 다.여기까지 입 니 다.뿌리 지 마 세 요.높 은 사람 에 게 간단 한 지 도 를 구 합 니 다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

EasyUI 생성 트리, 탭 열기 클릭

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

EasyUI 패 널 에 동적 으로 LinkButton 단추 추가

좋은 웹페이지 즐겨찾기