<s:checkbox>标签 嵌套循环

本文探讨了Struts框架的基本概念及其与前端技术的整合方法。通过具体案例介绍了Struts框架如何与前端框架如jQuery、Bootstrap等进行有效结合,实现更高效的Web应用开发。
<s:iterator value="subMenus" status="st" id="subMenuID">
<div>
<span><img border='0' src='<s:property value="subPic" />'/><s:property value="subName" /></span>
<s:iterator value="userMenus" status="st" id="userMenuID">
<s:if test="#subMenuID.subKind==#userMenuID.subKind">
<a href='<s:property value="url" />' target='<s:property value="target" />'><s:property value="menuName" /></a>
</s:if>
</s:iterator>
</div>
</s:iterator>
template: <div class="${componentId}"> ${searchTemplate} <div class="table-container" style="overflow-x: auto; overflow-y: auto; margin-bottom: 20px; min-width: 100%; max-height: 600px;"> <el-table style="min-width: 100%; white-space: nowrap;" border stripe :data="tableData" show-summary :summary-method="getSummaries" @sort-change="handleSortChange" :sort-orders="['ascending', 'descending', null]" > ${tableColumnsTemplate} </el-table> </div> <!-- 分页组件 --> <div class="pagination-container" style="margin-top: 20px; text-align: right;"> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[5, 10, 20, 50]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total" ></el-pagination> </div> <!-- 操作按钮区域 --> <div style="margin-top: 10px;"> <el-button @click="openExportDialog" type="primary" icon="el-icon-download" style="margin-left: 10px;">导出</el-button> <el-button @click="previewTable" type="primary" icon="el-icon-view" style="margin-left: 10px;">打印预览</el-button> <el-button @click="printTable" type="primary" icon="el-icon-printer" style="margin-left: 10px;">打印</el-button> <el-button @click="openColumnSettingDialog" type="primary" icon="el-icon-s-grid" style="margin-left: 10px;">列设置</el-button> </div> <!-- 列设置对话框 --> <el-dialog title="列设置" :visible.sync="columnSettingDialogVisible" width="400px" @close="closeColumnSettingDialog" > <div style="max-height: 300px; overflow-y: auto;"> <div v-for="column in columns" :key="column.prop" style="margin-bottom: 10px;"> <el-checkbox v-model="column.visible" @change="(val) => toggleColumnVisibility(column.prop, val)" > {{ column.label || column.prop || '未知列' }} </el-checkbox> <div v-if="column.visible" style="margin-top: 5px; margin-left: 25px;"> <el-select v-model="column.align" placeholder="对齐方式" size="small" style="width: 120px;" @change="(val) => updateColumnAlign(column.prop, val)" > <el-option label="左对齐" value="left"></el-option> <el-option label="居中" value="center"></el-option> <el-option label="右对齐" value="right"></el-option> </el-select> </div> </div> </div> <div slot="footer" class="dialog-footer"> <el-button @click="resetColumnSettings">重置</el-button> <el-button @click="closeColumnSettingDialog">确定</el-button> </div> </el-dialog> </div>改成字符串拼接
最新发布
09-17
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值