코드도 매우 간단하고, 구현된 기능도 매우 간단합니다. 필요한 친구들이 참고할 수 있습니다. 코드 복사 코드는 다음과 같습니다. <br> /* jquery easyui 操작*/<br> window.onload = 함수() {<br> InitGird();<br> }<br> //加载编辑器<br> var 편집기;<br> $(함수 () {<br> editor = KindEditor.create('textarea[name="Describe"]', {<br> 크기 조정 유형: 1,<br> uploadJson: '../ashx/upload_ajax.ashx?action=EditorFile&IsWater=1',<br> fileManagerJson: '../ashx/upload_ajax.ashx?action=ManagerFile',<br> allowedFileManager: true<br> });<br> });<br> //初始化上传控件<br> $(함수 () {<br> InitSWFUpload("../ashx/upload_ajax.ashx", "파일 데이터", "1024KB", "../../script/swfupload/swfupload.swf", 1, 1);<br> });<br> //搜索<br> 함수 검색() {<br> $('#dgCaseInfo').datagrid('로드', {<br> 작업: "loadListPage",<br> 이름: $("#Names").val()<br> });<br> }<br> //初始化表格<br> 함수 InitGird() {<br> $("#dgCaseInfo").datagrid({<br> autoRowHeight: false,<br> loadMsg: '로드 중...',<br> url: '../ashx/GetSm_CaseInformation.ashx?types=loadListPage', //데이터 요청 페이지<br> sortName: 'ID', //정렬 필드<br> idField: 'ID', //식별 필드, 기본 키 <br> iconCls: '', //제목 왼쪽 그림 <br> 단일 선택: true,<br> 너비: '100%', //너비<br> 높이 : '자동', //높이<br> nowrap: true, // 줄 바꿈 여부, True는 데이터를 한 줄에 표시합니다 <br> 줄무늬: true, //True는 홀수 행과 짝수 행에 대해 서로 다른 배경색을 사용합니다<br> 접을 수 있음: false, //접을 수 있음<br> sortOrder: 'desc', //정렬 유형<br> RemoteSort: true, //서버에서 데이터를 정렬할지 정의 <br> 적합: 사실,<br> SingleSelect: true, //한 행만 선택할 수 있는지 여부 <br> ~ > fitColumns: true, //열 자동 크기 조정<br> 열: [[<br> { field: '이름', title: '제품 이름', width: 200, align: 'left' },<br> { 필드: 'Add_Time', 제목: '시간 추가', 너비: 100, 정렬: '왼쪽' },<br> { 필드: '설명', 제목: '설명', 너비: 100, 정렬: '왼쪽', 숨김: true },<br> { 필드: 'FilePath', 제목: '사례 사진', 너비: 100, 정렬: '왼쪽',<br> 포맷터: 함수(값, 행, 인덱스) {<br> If (row.FilePath != "") {<br> return '<a href=javascript:ShowBigview(' index ')><img alt="Photo" src="../..' row.FilePath '"width="100px" height="25px"/ ></a>'<br> ~ ~ } "사진 없음" 반환 <br> || > { 필드: '플래그', 제목: '상태', 너비: 100, 정렬: '왼쪽',<br> 포맷터: 함수(값, 행, 인덱스) {<br> If (row.Flag == 0) {<br> "선반에" 반환 <br> ~ ~ } "제거됨"을 반환합니다. <br> | | },<br> { 필드: 'TypeID', 제목: '제품 유형', 너비: 100, 정렬: '왼쪽', 숨겨진: true },<br> { 필드: 'MonadID', 제목: '회사 이름', 너비: 100, 정렬: '왼쪽', 숨김: true },<br> { 필드: 'MonadName', 제목: '회사 이름', 너비: 100, 정렬: '왼쪽', 숨겨진: true }<br> ]],<br> 툴바: "#toolbar",<br> queryParams: { "action": "query" },<br> > > pagePosition: 'bottom', //페이지 위치<br> 페이지 번호: 1, //기본 색인 페이지<br> 페이지 크기: 10, //페이지의 기본 데이터 항목 수<br> onDblClickRow: function (rowIndex, rowData) {//행 더블클릭 이벤트<br> 편집();<br> }<br> })<br> }<br> var URL;<br> //데이터 추가<br> 함수 Add() {<br> $("#tdLeft").remove();//플래시 세일 시간 td 삭제<br> $("#tdSeckill").remove() //플래시 세일 시간 삭제<br> loadTypeID();<br> editor.html("");<br> $('#dlg').dialog('open').dialog('setTitle', 'Add');<br> $('#form1').form('clear');<br> url = '../ashx/GetSm_CaseInformation.ashx?types=ListAdd';<br> $("input[name='Flag']").eq(0).attr('checked', 'true');<br> }<br> //편집 및 수정<br> 기능 편집() {<br> $("#tdLeft").remove() //플래시 세일 시간 td 삭제<br> $("#tdSeckill").remove() //플래시 세일 시간 삭제<br> loadTypeID();<br> url = '../ashx/GetSm_CaseInformation.ashx?types=ListEdit';<br> var row = $('#dgCaseInfo').datagrid('getSelected');<br> if (행) {<br> $('#dlg').dialog('open').dialog('setTitle', 'Modify');<br> $("#imageCaseUrl").attr("src", "../.." $('#FilePath').val()) //<image id="imageCaseUrl"> <br> editor.html(row["Describe"]);<br> If (row["IsSeckill"]==1)//상품이 반짝 세일 상태인 경우: <br> {<br> $("#trSeckill").append(' <td id="tdLeft" class="tab_td_right" style="width:80px;">초 시간: </td><td id="tdSeckill" class="tab_td_left"><input id="SeckillDateBegin" class="easyui-datetimebox" name="SeckillDateBegin" style="width:150px"> to<input id="SeckillDateEnd" class="easyui-datetimebox " name="SeckillDateEnd" style="width:150px"></td>')<br> //easyui 날짜 제어 초기화<br> $('#SeckillDateBegin').datetimebox({<br> 필수: true,<br> showSeconds: 거짓<br> });<br> $('#SeckillDateEnd').datetimebox({<br> 필수: true,<br> showSeconds: 거짓<br> });<br> }<br> $('#form1').form('load', row);<br> $("#Flag ").val(row["Flag"]) //상태 값 설정<br> }<br> }<br> //데이터 저장<br> 기능 저장() {<br> editor.sync();<br> $('#form1').form('제출', {<br> url: url,<br> onSubmit: 함수 () {<br> return $(this).form('validate');<br> },<br> 성공: 함수(결과) {<br> if (결과 <= 0) {<br /> $.messager.show({<br /> 제목: '오류',<br /> 메시지: 결과.오류Msg<br /> });<br /> } 그 밖의 {<br /> $('#dlg').dialog('닫기'); // 대화상자 닫기<br /> $('#dgCaseInfo').datagrid('reload'); // 사용자 데이터 다시 로드<br /> }<br /> }<br /> });<br /> }<br /> //删除一条数据<br /> 함수 파괴() {<br /> var row = $('#dgCaseInfo').datagrid('getSelected');<br /> if (행) {<br /> $.messager.confirm('消息提示', '确定要删除吗?', function (r) {<br /> 만약 (r) {<br /> $.post('../ashx/GetSm_CaseInformation.ashx?types=ListDel',<br /> { ID: 행.ID },<br /> 함수(결과) {<br /> if (결과 > 0) {<br /> $('#dgCaseInfo').datagrid('reload'); // 사용자 데이터 다시 로드<br /> } 그 밖의 {<br /> $.messager.show(<br /> { // 오류 메시지 표시<br /> ~ ~ ~ ~ ~ }<br /> });<br /> }<br /> }<br /> //제품 유형 로드<br /> 함수 loadTypeID() {<br /> $('#TypeID').combobox({<br /> URL: '../ashx/GetSm_CaseInformation.ashx?types=TypeIDLoad',<br /> valueField: 'ID',<br /> textField: 'DtyName'<br /> });<br /> }<br /> //사진을 클릭한 후 <图文>을 자극합니다. 함수 ShowBigview(rowIndex) {<br /> var row = $("#dgCaseInfo").datagrid('getRows')[rowIndex];<br /> If (row["FilePath"].toString() != "") {<br /> $.messager.alert('큰 이미지 미리보기', '<img alt="" src=../..' row["FilePath"] ' width="100px" height="100px" />') ;<br> } else {<br> $ .Messager.alert ('메시지 프롬프트', '제목 사진이 설정되지 않았습니다!') <br> }<br> }<br> //라디오 버튼을 클릭하면 정상적으로 실행됩니다<br> 기능 DisDate() {<br> $("#tdLeft").remove() //플래시 세일 시간 td 삭제<br> $("#tdSeckill").remove() //플래시 세일 시간 삭제<br> }<br> //플래시 세일을 시작하려면 라디오 버튼을 클릭하세요<br> 기능 HideDate() {<br> $("#tdLeft").remove() //플래시 세일 시간 td 삭제<br> $("#tdSeckill").remove() //플래시 세일 시간 삭제<br> $("#trSeckill").append(' <td id="tdLeft" class="tab_td_right" style="width:80px;">秒杀时间:</td><td id="tdSeckill" class="tab_td_left"><input id="SeckillDateBegin" class="easyui-datetimebox" name="SeckillDateBegin" style="width:150px"> 至<input id="SeckillDateEnd" class="easyui-datetimebox" name="SeckillDateEnd" style="width:150px"></td>')<br> //初始化easyui日期控件<br> $('#SeckillDateBegin').datetimebox({<br> required: true,<br> showSeconds: false<br> });<br> $('#SeckillDateEnd').datetimebox({<br> required: true,<br> showSeconds: false<br> }); <br> }<br> onclick="Add()">添加 plain="true" onclick="Edit()">编辑 iconcls="icon-remove" plain="true" onclick="destroy()">删除 产品名称: data-options="iconCls:'icon-search'">搜索 closed="true" buttons="#dlg-buttons"> 产品信息 cellpacing="1"> 제품명: 판매품类型: 판매제품价格: 제품 折扣: 库存数용량: 卖件数: 状 态: 上架    下架 是否热销: 正常    热销 秒杀状态: 正常    秒杀 <%-- 至 --%> 产品照片: MaxLength="255"> 正在上传,请稍候... 描 述: runat="서버"> 테이블> 양식> 保存 onclick="javascript:$('#dlg').dialog('close')">取消 본문> 以上就是本文의 전체 부서 内容了, 希望大家能够喜欢。