Django实现树形表格
Createyourviewshere。defmenulist(request):result〔〕queryMenu。objects。filter(isdelete0)ifnotquery:returnNoneifquery:foriteminquery:data{id:item。id,name:item。name,icon:item。icon,url:item。url,pid:item。pid,type:item。type,permission:item。permission,status:item。status,sort:item。sort,note:item。note,createtime:str(item。createtime。strftime(YmdH:M:S))ifitem。createtimeelseNone,updatetime:str(item。updatetime。strftime(YmdH:M:S))ifitem。updatetimeelseNone,}result。append(data)rowdictjson。dumps(result)print(rowdict)formMenuForm()content{result:rowdict,form:form}returnrender(request,menuindex。html,content)前端代码{extendspubliclayout。html}{loadstatic}{loadmytag}{blockcss}style。breadcrumb{fontsize:20px;background:ffffff;}stylelinkhref{staticcssbootstraptable。min。css}relstylesheetlinkrelstylesheethref{staticcssjquery。treegrid。min。css}linkrelstylesheethrefhttps:cdn。bootcss。comjquerytreegrid0。2。0cssjquery。treegrid。min。css{endblock}{blockcontent}olclassbreadcrumbliclassbreadcrumbitem家liliclassbreadcrumbitemactivemsttexthash8592324msthash134仪表板v1lioliclassmdimdiplusi新增iclassmdimdiwindowclosei删除tableclasstabletableborderedidtabletableulclasspaginationliclassdisabledspanspanliliclassactivespan1spanlili2lili3lili4liul!新增,编辑对话框buttontypebuttonclassclosedatadismissmodalarialabelClosespanariahiddentruespanbuttonh4classmodaltitleidmyModalLabelModaltitleh4buttontypebuttonclassbtnbtndefaultdatadismissmodal关闭buttonbuttontypebuttonclassbtnbtnprimary保存button{endblock}{blockjs}{endblock}效果