为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 ...
随机推荐
- 看我如何粘贴别人代码--socketserver
源码执行流程 自己模仿一个(提取代码) 服务器类 import socket import threading import selectors class TCPServer: def __init ...
- centos6.8编译安装mysql
1.安装编译代码需要的包 yum -y install make gcc-c++ cmake bison-devel ncurses-devel 2.创建mysql用户(但是不能使用mysql账号登陆 ...
- 【JS】VUE学习
VUE的全家桶:vue-cli,vue-router,vue-resource,vuex 环境搭建:https://www.jianshu.com/p/32beaca25c0d 先码在这儿吧. htt ...
- 使用requests+pyquery爬取dd373地下城跨五最新商品信息
废话不多说直接上代码: 可以使用openpyel库对爬取的信息写入Execl表格中代码我就不上传了 import requests from urllib.parse import urlencode ...
- Python 的 JPype 模块调用 Jar 包
背景与需求 最近学习并安装使用了HttpRunner框架去尝试做接口测试,并有后续在公司推广的打算. HttpRunner由Python开发,调用接口时需要依赖Python:而大多数公司的扩展工具包使 ...
- vue 结合 FileReader() 实现上传图片预览功能
项目中 身份证上传需求: <div class="ID_pic_wrap"> <ul> <li> <img src="../.. ...
- Filebeat+Kafka+Logstash+ElasticSearch+Kibana搭建完整版
1. 了解各个组件的作用 Filebeat是一个日志文件托运工具,在你的服务器上安装客户端后,filebeat会监控日志目录或者指定的日志文件,追踪读取这些文件(追踪文件的变化,不停的读) Kafka ...
- 利用Skywalking-netcore监控你的应用性能
Skywalking SkyWalking开源项目由吴晟于2015年创建,同年10月在GitHub上作为个人项目开源. SkyWalking项目的核心目标,是针对微服务.Cloud Native.容器 ...
- SQL反模式学习笔记5 外键约束【不用钥匙的入口】
目标:简化数据库架构 一些开发人员不推荐使用引用完整性约束,可能不使用外键的原因有一下几点: 1.数据更新有可能和约束冲突: 2.当前的数据库设计如此灵活,以至于不支持引用完整性约束: 3.数据库为外 ...
- python tesserocr ImportError: dll loading failed 一个不常遇见的错误,以及简单的python安装方法~
废话不多说了,这是写给小白的了. 本人有c#,c/c++开发经验,最近因为偶然的原因,开始接触python,遇到一个棘手的问题,一位朋友在安装tesserocr 包后遇到一个错误,重新安装数次不能解决 ...