为bootstrap+angularJs打造的表格代码生成器


　　　　　private void btnCreateCode_Click(object sender, EventArgs e){string objName = txtObjName.Text;if (objName.Length <= 0) {MessageBox.Show("缺少对象名");return;}string[] objPros = rtbObjPro.Lines;if (objPros.Length <= 0) {MessageBox.Show("缺少属性项");return;}StringBuilder sbResult = new StringBuilder();sbResult.AppendLine(@"<div class=""table - responsive"">");sbResult.AppendLine(@"  <table class=""table table - striped"">");sbResult.AppendLine(@"      <thead>");sbResult.AppendLine(@"          <tr>");//creat th infostring strtmp = "";for (int i = 0; i < objPros.Length; i++) {strtmp = "<th>" + objPros[i].ToString() + @"</th>";sbResult.AppendLine("               "+strtmp);}sbResult.AppendLine(@"          </tr>");sbResult.AppendLine(@"      </thead>");sbResult.AppendLine(@"      <tbody>");strtmp = @"            <tr ng-repeat=""" + objName + " in " + objName + "s " + "track by " + objName + ".id>";sbResult.AppendLine(strtmp);sbResult.AppendLine("              <td>{{" + objName +".id}}</td>");for (int i = 0; i < objPros.Length; i++){strtmp = "<td>{{" + objName + "." + objPros[i].ToString() + @"}}</td>";sbResult.AppendLine("              " + strtmp);}sbResult.AppendLine(@"              <td class=""text - right"">");sbResult.AppendLine(@"                  <button type=""button"" ");sbResult.AppendLine(@"                          class=""btn btn - info btn - sm""> ");sbResult.AppendLine(@"                      <span class=""glyphicon glyphicon - eye - open""></span>");sbResult.AppendLine(@"                  </button>");sbResult.AppendLine(@"                  <button type=""button"" ");sbResult.AppendLine(@"                          class=""btn btn-primary btn-sm""> ");sbResult.AppendLine(@"                      <span class=""glyphicon glyphicon-pencil""></span>");sbResult.AppendLine(@"                  </button>");sbResult.AppendLine(@"                  <button type=""button"" ");sbResult.AppendLine(@"                          class=""btn btn-danger btn-sm""> ");sbResult.AppendLine(@"                      <span class=""glyphicon glyphicon-remove-circle""></span>");sbResult.AppendLine(@"                  </button>");sbResult.AppendLine(@"              </td>");sbResult.AppendLine(@"          </tr>");sbResult.AppendLine(@"      </tbody>");sbResult.AppendLine(@"  </table>");sbResult.AppendLine(@"</div>");sbResult.AppendLine(@"<div class=""text - center"">");sbResult.AppendLine(@"  <uib-pagination class=""pagination - sm"" total-items=""totalItems"" ng-model=""page"" ng-change=""loadAll()""></uib-pagination>");sbResult.AppendLine(@"</div>");rtbResult.Text = sbResult.ToString();}}

转载于:https://www.cnblogs.com/whiteHome/p/5420169.html

为bootstrap+angularJs打造的表格代码生成器相关推荐

Bootstrap Table 表头和表格内容不对齐
Bootstrap Table 表头和表格内容不对齐前言原因解决方式思路一思路二思路三前言之前的一次开发中使用到了Bootstrap Table的组件,在使用过程中出现了表头与表格内容 ...
使用angularJs ng-repeat做表格合并行效果
描述使用angularJs做出表格合并的效果后端返回的数据 [{"fileName":"111.pcap.00","startTime" ...
Bootstrap+angularjs+MVC3+分页技术+角色权限验证系统
1.Bootstrap使用教程相关教程: http://www.bootcss.com/components.html 页面使用代码: <script src="@Url.Conte ...
基于 jQuery 与 Bootstrap 简单封装一个表格分页的组件
最近遇到一个需求:页面上的数据可能会有很多条,需要将数据分页展示在表格中.项目用的是 jQuery 和 Bootstrap,本来想直接用 bootstrapTable 插件,但是需要额外引入 js 文 ...
php 表格导入excel插件,BootStrap Fileinput插件和表格插件相结合实现导入Excel数据的文件上传、预览、提交的步骤...
这篇文章主要介绍了BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传.预览.提交的导入Excel数据操作步骤,需要的朋友可以参考下 bootstrap ...
基于bootstrap框架的bootstrap-table表格使用
1.导入相应的bootstrap,bootstrap-table的包 2.正常页面示意图 3.jsp页面源码 <html><head><title>管理员信息管理& ...
bootstrap 点击加号表格_bootstrap中的输入组按钮，点击加号加1，减1子
在这里使用HTML和引导找到代码来创建数字上下用加号和减号按钮 // Jquery $(document).on('click', '.value-control', function() { var ...
OnSen UI结合AngularJs打造”美团APP我的”页面 --Hybrid App
1.页面效果图: 演示地址:http://www.nxl123.cn/bokeyuan/meiTuanDemo_mine/ 2.核心代码 mine.html: <ons-page id=&quo ...
Bootstrap+Angularjs自制弹框
指令 directive('bsPopup', function ($parse) {return {require: 'ngModel',restrict: 'A',link: function ( ...

为bootstrap+angularJs打造的表格代码生成器

为bootstrap+angularJs打造的表格代码生成器相关推荐

最新文章

热门文章