📄 tableedit.aspx

📁 内容管理内容管理内容管理内容管理内容管理

💻 ASPX

字号:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TableEdit.aspx.cs" Inherits="MyDemo.Table.TableEdit_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>自由编辑器</title>
    <link rel="stylesheet" type="text/css" href="../css/main.css"/>
    <script language=javascript>
    function GenTable()
    {
        var rows = document.getElementById("rows");
        var cols = document.getElementById("cols");
        var width = document.getElementById("tablewidth");
        var height = document.getElementById("tableheight");
        var color = document.getElementById("bgcolor");
        MyDemo.Table.TableEdit_Default.GenerateTable(parseInt(rows.value), parseInt(cols.value), width.value, height.value,color.value, GenTable_callback);
    }


    function GenTable_callback(res)
    {
 	    document.getElementById("TestTable").innerHTML = res.value;
	    res = null;
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div class=content>
    <h1>自由编辑器</h1>
    <br>
        行数：<input type=text id=rows /><br />
        列数：<input type=text id=cols /><br />
        宽度：<input type=text id=tablewidth style="width: 30px" />%<br />
        高度：<input type=text id=tableheight style="width: 30px" />%
        <div id="TestTable"></div>
        颜色：<select id="bgcolor" onchange="">
                <option value="red">Red</option>
                <option value="blue">Blue</option>
                <option value="yellow">Yellow</option>
                </select>&nbsp;
        <br />
         <input id="Button2" type="button" value="生成表格" onclick="GenTable()"/>
    </div>
    </form>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -