1.頁面
2.品類列表展示
let listbody = this.state.list.map((category, index) =>
opear"
onclick=>修改名稱
); });
return (
品類列表">
page-header-right">
/product-category/add" classname="btn btn-primary">
fa fa-plus">
新增品類
row">
col-md-12">
父品類id:
); }
3.載入品類列表
// 載入品類列表
loadcategorylist());
}, errmsg => );
_mm.errortips(errmsg);
}); }
4.修改品類名稱
// 更新品類的名字
onupdatename(categoryid, categoryname)).then(res => , errmsg => ); }
}
5.新增品類
import react from 'react';
import mutil from 'util/mm.jsx'
import product from 'service/product-service.jsx'
import pagetitle from 'component/page-title/index.jsx';
const _mm = new mutil();
const _product = new product();
class categoryadd extends react.component; }
componentdidmount()
// 載入品類列表,顯示父品類列表
loadcategorylist());
}, errmsg => ); }
// 表單的值發生變化
onvaluechange(e)); }
// 提交
onsubmit(e)).then((res) => , (errmsg) => ); }
// 否則，提示錯誤
else }
render()>
0">根品類/
}) }
form-group">
col-md-2 control-label">品類名稱
col-md-5">
text" classname="form-control"
placeholder="請輸入品類名稱"
name="categoryname"
value=
onchange=/>
form-group">
col-md-offset-2 col-md-10">
submit" classname="btn btn-primary"
onclick=}>提交
); }
} export
default categoryadd;
更多專業前端知識，請上
【猿2048】www.mk2048.com
React後台管理系統 訂單管理
1.訂單管理頁面和商品管理頁面類似，都是乙個搜尋元件 列表元件 2.搜尋框search元件 import react from react class listsearch extends react.component 資料變化的時候 onvaluechange e onsearch 輸入關鍵字後...
React後台管理系統 訂單管理
1.訂單管理頁面和商品管理頁面類似，都是乙個搜尋元件 列表元件 2.搜尋框search元件 import react from react class listsearch extends react.component 資料變化的時候 onvaluechange e onsearch 輸入關鍵字後...
React後台管理系統 品類選擇器二級聯動元件
1.頁面大致是這個樣子 2.頁面結構 this.onfirstcategorychange e classname form control cate select value 請選擇一級分類 就需要return,不加就不需要return this.state.firstcategorylist.m...