为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 info
string 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();
}
}
为bootstrap+angularJs打造的表格代码生成器的更多相关文章
- [后端人员耍前端系列]KnockoutJs篇:使用WebApi+Bootstrap+KnockoutJs打造单页面程序
一.前言 在前一个专题快速介绍了KnockoutJs相关知识点,也写了一些简单例子,希望通过这些例子大家可以快速入门KnockoutJs.为了让大家可以清楚地看到KnockoutJs在实际项目中的应用 ...
- AngularJs打造一个简易权限系统
AngularJs打造一个简易权限系统 一.引言 上一篇博文已经向大家介绍了AngularJS核心的一些知识点,在这篇博文将介绍如何把AngularJs应用到实际项目中.本篇博文将使用AngularJ ...
- 基于AgileEAS.NET SOA 中间件领域模型数据器快速打造自己的代码生成器
一.前言 AgileEAS.NET SOA 中间件平台是一款基于基于敏捷并行开发思想和Microsoft .Net构件(组件)开发技术而构建的一个快速开发应用平台.用于帮助中小型软件企业建立一条适合市 ...
- bootstrap做了一个表格
花了一下午做了一个表格: 大致是这样: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf ...
- bootstrap + angularjs + seajs构建Web Form前端2
bootstrap + angularjs + seajs构建Web Form前端(二) 回顾 上一篇讲解了引入bootstrap构建一个简单的登录页面,如何让angularjs自动启动并绑定视图,操 ...
- bootstrap + angularjs + seajs构建Web Form前端(1)
bootstrap + angularjs + seajs构建Web Form前端(一) 简介 Bootstrap是Twitter推出的一个用于前端开发的开源工具包,它由Twitter的设计师Mark ...
- 前端开发利器: Bootstrap + AngularJS
http://blog.csdn.net/conquer0715/article/details/51181391 概述 在HTML5盛行的互联网时代,涌现诸多的前端html/css/js框架,基于其 ...
- Bootstrap + AngularJS+ Ashx + SQL Server/MySQL
去年年底12月,为适应移动端浏览需求,花了1个月时间学习Bootstrap,并将公司ASP网站重构成ASP.NET. 当时采取的网站架构: Bootstrap + jQuery + Ashx + SQ ...
- 用(bootstrap)Handsontable做表格,手动实现数据排序
商品graph帐票时,用(bootstrap)Handsontable做表格,手动实现数据排序待解决的问题: 若使用控件本身的排序,必须指定colHead,colHead不能被copy,若想表头被co ...
随机推荐
- python3 集合(set)
一.定义:集合是一个无序不重复元素序列 语法: #---------------两种写法-------------------------# parame = {value1,value2,value ...
- ansible的tags
执行ansible-playbook时可以使用--tags "tag1,tag2..." 或者 --skip-tags "tag1,tag2..."指定执行的t ...
- java.util.ConcurrentModificationException 记一次坑
集合在单线程,一个循环内,有添加又删除会出现此异常. 多线程时,在不同的循环操作同一个集合,会出现此异常. 因为,集合长度发生改变时,在迭代器未结束前,迭代器的大小不会发生变化. 1.保证在同一个进程 ...
- 数据分析入门——Pandas类库基础知识
使用python进行数据分析时,经常会用Pandas类库处理数据,将数据转换成我们需要的格式.Pandas中的有两个数据结构和处理数据相关,分别是Series和DataFrame. Series Se ...
- C++构造函数和析构函数的调用顺序
1.构造函数的调用顺序 基类构造函数.对象成员构造函数.派生类本身的构造函数 2.析构函数的调用顺序 派生类本身的析构函数.对象成员析构函数.基类析构函数(与构造顺序正好相反) 3.特例 局部对象,在 ...
- restful规范简要概述
在 RESTful 架构概念详解 中聊了一些概念和约束, 本篇主要简要的聊一聊 RESTful API 规范概要设计, 内容源自 阮一峰老师的博客 一. 协议(protocol) 服务端的 API 与 ...
- 使用python来操作redis用法详解
1.redis连接 redis提供两个类Redis和StrictRedis用于实现Redis的命令,StrictRedis用于实现大部分官方的命令,并使用官方的语法和命令,Redis是StrictRe ...
- ISP PIPLINE (十三) CSM/CSC(color space matrix/convert)
1.RGB为何要转换为YCbCr,历史遗留问题! 一般一个技术如果为了保证原有的设备可以继续使用,就需要兼容以前的技术.黑白电视到彩色电视的进化就是转换为YCbCr的原因,同时YCbCr比RGB传输占 ...
- [转]webpack中require和import的区别
webpack中可以写commonjs格式的require同步语法,可以写AMD格式的require回调语法,还有一个require.ensure,以及webpack自己定义的require.incl ...
- DCDC设计指南1
DC/DC电源设计指导:一 在设计电源模块的时候,第一时间要把该电源IC的datasheet资料下载好,查看里面的说明: 下面以一款DC/DC转换IC为例: 开始布局前先看下IC的特性说明,图1: 图 ...