• webpages框架中使用Html.TextArea()在前台显示多行信息时,如何进行大小、样式的设置


    1. 环境:vs2015 webpages框架+razor语法;
    2. 目的:服务器进行数据更新操作后,在前台显示更新的相关信息;
    3. 后台代码:将更新条数等相关信息存储在一个变量中:
       @{
          var serverInformation="";
          if(IsPost){
              //其他代码
              //数据库操作
              serverInformation="相关信息";
          }
      }
    4. 前台代码:
     @if (IsPost){
                @Html.TextArea("updataInfo", serverInformation,5,1, new { style= "color:red;font-size:small;" });
                }

    效果:

    IE的对应源码:

    <textarea cols="1" id="updataInfo" name="updataInfo" rows="5" style="color:red;font-size:small;">本地execl文件有561条记录。
    其中有0条新记录。
    成功上传服务器0条记录。
    剩余561条记录没有更新。
    </textarea>
    1. 关于前台输出时使用的Html.TextArea(),查阅MSDN,有8种形式,分别是(从msdn复制、粘贴,原址连接):
     
    公共方法 TextArea(String) 返回具有指定名称的 HTML 多行文本输入(文本区域)控件。
    公共方法 TextArea(String, IDictionary<String, Object>) 返回一个具有指定名称以及由特性字典定义的自定义特性的 HTML 多行文本输入(文本区域)控件。
    公共方法 TextArea(String, Object) 返回一个具有指定名称以及由特性对象定义的自定义特性的 HTML 多行文本输入(文本区域)控件。
    公共方法 TextArea(String, String) 返回具有指定名称和值的 HTML 多行文本输入(文本区域)控件。
    公共方法 TextArea(String, String, IDictionary<String, Object>) 返回一个具有指定名称、值以及由特性字典定义的自定义特性的 HTML 多行文本输入(文本区域)控件。
    公共方法 TextArea(String, String, Object) 返回一个具有指定名称、值以及由特性对象定义的自定义特性的 HTML 多行文本输入(文本区域)控件。
    公共方法 TextArea(String, String, Int32, Int32, IDictionary<String, Object>) 返回一个具有指定名称、值、row 特性、col 特性,以及由特性字典定义的自定义特性的 HTML 多行文本输入(文本区域)控件。
    公共方法 TextArea(String, String, Int32, Int32, Object) 返回一个具有指定名称、值、row 特性、col 特性,以及由特性对象定义的自定义特性的 HTML 多行文本输入(文本区域)控件。

         我这里使用的是最后一个,关于参数的说明:

       1. 第一个参数string:输出到前台的<textarea>的id及name属性,见“IE的对应源码”;

       2. 第二个参数string:textarea标签中要显示的内容;

       3. 第三个参数int32:<textarea>的rows属性,即textarea所占的行数,见“IE的对应源码中”rows="5";

       4. 第四个参数int32:<textarea>的cols属性,即列数,本例中为1,见“IE对应源码中”cols="1";

       5. 第五个参数Object:<textarea>的css属性,即对应源码中的style="....",当不需要特别的style时,将这个参数设为 ““ 即可

            关于Object的写法参考了讨论MVC中 Html.EditorFor的一个帖子,帖子链接

            在原帖的跟帖中,有的例子本应成功的,但是因为css的style书写有错误,例如有的地方少了分号,导致楼主运行无效果。

           

  • 相关阅读:
    【统计学】第七章
    【统计学】第六章
    【统计学】第五章
    【统计学】第四章
    【统计学】第三章
    【统计学】第二章
    MYSQL基础
    股票数据Scrapy爬虫
    Scrapy爬虫基本使用
    Scrapy爬虫框架
  • 原文地址:https://www.cnblogs.com/jqdy/p/5462033.html
Copyright © 2020-2023  润新知