jquery menambah dan memadam (tr/td)_javascript kemahiran secara dinamik-tutorial js-php.cn

Kod ini sangat mudah, dan fungsi yang dilaksanakan juga sangat mudah. Rakan yang memerlukannya boleh merujuknya.

Salin kod Kod adalah seperti berikut: /* jquery easyui 操作*/ window.onload = fungsi () { InitGird(); } //加载编辑器 editor var; $(fungsi () { editor = KindEditor.create('textarea[name="Describe"]', { ubah saizJenis: 1, uploadJson: '../ashx/upload_ajax.ashx?action=EditorFile&IsWater=1', fileManagerJson: '../ashx/upload_ajax.ashx?action=ManagerFile', allowFileManager: benar }); }); //初始化上传控件 $(fungsi () { InitSWFUpload("../ashx/upload_ajax.ashx", "Filedata", "1024 KB", "../../script/swfupload/swfupload.swf", 1, 1); }); //搜索 fungsi Carian() { $('#dgCaseInfo').datagrid('load', { tindakan: "loadListPage", Nama: $("#Names").val() }); } //初始化表格 fungsi InitGird() { $("#dgCaseInfo").datagrid({ autoRowHeight: palsu, loadMsg: 'Memuatkan...', url: '../ashx/GetSm_CaseInformation.ashx?types=loadListPage', //Halaman untuk meminta data nama isihan: 'ID', //Isih medan idField: 'ID', //medan pengenalan, kunci utama iconCls: '', //Gambar di sebelah kiri tajuk tunggalPilih: benar, lebar: '100%', //Lebar ketinggian : 'auto', //Ketinggian nowrap: true, // Sama ada hendak membalut baris, True akan memaparkan data dalam satu baris Berjalur: benar, //True menggunakan warna latar belakang yang berbeza untuk baris ganjil dan genap boleh dilipat: palsu, //Boleh dilipat Susunan: 'desc', //Jenis isihan remoteSort: true, //Tentukan sama ada untuk mengisih data daripada pelayan patut: benar, singleSelect: true, //Sama ada hanya satu baris dibenarkan untuk dipilih Selectoncheck: false, // Klik kotak semak untuk memilih baris fitColumns: true, //Lajur secara automatik berskala lajur: [[ { medan: 'Nama', tajuk: 'Nama Produk', lebar: 200, jajaran: 'kiri' }, { medan: 'Tambah_Masa', tajuk: 'Tambah Masa', lebar: 100, jajaran: 'kiri' }, { medan: 'Huraikan', tajuk: 'Huraikan', lebar: 100, sejajar: 'kiri', tersembunyi: benar }, { medan: 'FilePath', tajuk: 'Case Photo', lebar: 100, align: 'left', Pemformat: fungsi (nilai, baris, indeks) { Jika (row.FilePath != "") { kembalikan ' ' } Kembalikan "Tiada gambar" }, { medan: 'Bendera', tajuk: 'Status', lebar: 100, sejajar: 'kiri', Pemformat: fungsi (nilai, baris, indeks) { Jika (baris.Bendera == 0) { Kembalikan "di rak"; } Kembalikan "dialih keluar"; }, { medan: 'TypeID', tajuk: 'Jenis produk', lebar: 100, jajar: 'kiri', tersembunyi: benar }, { medan: 'MonadID', tajuk: 'Nama syarikat', lebar: 100, jajar: 'kiri', tersembunyi: benar }, { medan: 'MonadName', tajuk: 'Nama syarikat', lebar: 100, jajar: 'kiri', tersembunyi: benar } ]], bar alat: "#bar alat", queryParams: { "action": "query" }, Pagination: benar, // sama ada untuk membolehkan paging pagePosition: 'bawah', //Kedudukan halaman Nombor halaman: 1, //Halaman indeks lalai Saiz halaman: 10, //Nombor lalai item data pada halaman onDblClickRow: fungsi (rowIndex, rowData) {//Row dwiklik acara Edit(); } }) } var url; //Tambah sekeping data fungsi Tambah() { $("#tdLeft").remove();//Padam masa jualan kilat td $("#tdSeckill").remove(); //Padamkan masa jualan kilat td loadTypeID(); editor.html(""); $('#dlg').dialog('open').dialog('setTitle', 'Add'); $('#form1').form('clear'); url = '../ashx/GetSm_CaseInformation.ashx?types=ListAdd'; $("input[name='Flag']").eq(0).attr('ditandai', 'true'); } //Edit dan ubah suai fungsi Edit() { $("#tdLeft").remove(); //Padamkan masa jualan kilat td $("#tdSeckill").remove(); //Padamkan masa jualan kilat td loadTypeID(); url = '../ashx/GetSm_CaseInformation.ashx?types=ListEdit'; baris var = $('#dgCaseInfo').datagrid('getSelected'); jika (baris) { $('#dlg').dialog('open').dialog('setTitle', 'Modify'); $("#imageCaseUrl").attr("src", "../.." $('#FilePath').val()); //Tetapkan url editor.html(baris["Huraikan"]); Jika (baris["IsSeckill"]==1)//Jika produk berada dalam status jualan kilat: { $("#trSeckill").append(' Seckill time: untuk ') //Mulakan kawalan tarikh easyui $('#SeckillDateBegin').datetimebox({ diperlukan: benar, showSecons: palsu }); $('#SeckillDateEnd').datetimebox({ diperlukan: benar, showSecons: palsu }); } $('#form1').form('load', row); $("#Flag ").val(row["Bendera"]); //Tetapkan nilai status } } //Simpan data fungsi Save() { editor.sync(); $('#form1').form('submit', { url: url, onSubmit: fungsi () { kembalikan $(this).form('validate'); }, kejayaan: fungsi (hasil) { jika (hasil $.messager.show({ tajuk: 'Ralat', msg: result.errorMsg }); } lain { $('#dlg').dialog('close'); // tutup dialog $('#dgCaseInfo').datagrid('reload'); // muat semula data pengguna } } }); } //删除一条数据 fungsi musnah() { baris var = $('#dgCaseInfo').datagrid('getSelected'); jika (baris) { $.messager.confirm('消息提示', '确定要删除吗？', fungsi (r) { jika (r) { $.post('../ashx/GetSm_CaseInformation.ashx?types=ListDel', { id: row.ID }, fungsi (hasil) { jika (hasil > 0) { $('#dgCaseInfo').datagrid('reload'); // muat semula data pengguna } lain { $.messager.show( { // tunjukkan mesej ralat } }); } } //Muatkan jenis produk function loadTypeID() { $('#TypeID').kotak kombo({ url: '../ashx/GetSm_CaseInformation.ashx?types=TypeIDLoad', value Field: 'ID', textField: 'DtyName' }); } // Selepas mengklik gambar, teruja fungsi ShowBigview(rowIndex) { baris var = $("#dgCaseInfo").datagrid('getRows')[rowIndex]; Jika (baris["FilePath"].toString() != "") { $.messager.alert('Pratonton imej besar', ' ') ; } lain { $ .Messager.alert ('Gesaan mesej', 'Gambar tajuk tidak ditetapkan!'); } } //Klik butang radio untuk menyala seperti biasa fungsi DisDate() { $("#tdLeft").remove(); //Padamkan masa jualan kilat td $("#tdSeckill").remove(); //Padamkan masa jualan kilat td } //Klik butang radio untuk mencetuskan jualan kilat fungsi HideDate() { $("#tdLeft").remove(); //Padamkan masa jualan kilat td $("#tdSeckill").remove(); //Padamkan masa jualan kilat td $("#trSeckill").append(' 秒杀时间： 至 ') //初始化easyui日期控件 $('#SeckillDateBegin').datetimebox({ required: true, showSeconds: false }); $('#SeckillDateEnd').datetimebox({ required: true, showSeconds: false }); } onclick="Add()">添加 plain="true" onclick="Edit()">编辑 iconcls="icon-remove" plain="true" onclick="destroy()">删除 产品名称： data-options="iconCls:'icon-search'">搜索 closed="true" buttons="#dlg-buttons"> 产品信息 cellspacing="1"> 商品名称： 商品类型： 商品价格： 商品折扣： 库存数量： 卖出件数： 状 态： 上架 &nbsp&nbsp&nbsp 下架 是否热销： 正常 &nbsp&nbsp&nbsp 热销 秒杀状态： 正常 &nbsp&nbsp&nbsp 秒杀 至 --%> 产品照片： MaxLength="255"> 正在上传，请稍候... 描 述： runat="server"> 保存 onclick="javascript:$('#dlg').dialog('close')">取消 以上就是本文的全部内容了，希望大家能够喜欢。

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

jquery menambah dan memadam (tr/td)_javascript kemahiran secara dinamik


商品名称：		商品类型：
商品价格：		商品折扣：
库存数量：		卖出件数：
状态：	上架下架	是否热销：	正常热销
秒杀状态：	正常秒杀	至
产品照片：	MaxLength="255"> 正在上传，请稍候...
描述：	runat="server">