English
InsertTableDialog.js
资源名称：oa.rar [点击查看]
上传用户：kimgenplus
上传日期：2016-06-05
资源大小：20877k
文件大小：8k
源码类别：
OA系统
开发平台：
Java
- /*
- Copyright (c) 2004-2006, The Dojo Foundation
- All Rights Reserved.
- Licensed under the Academic Free License version 2.1 or above OR the
- modified BSD license. For more information on Dojo licensing, see:
- http://dojotoolkit.org/community/licensing.shtml
- */
- dojo.provide("dojo.widget.Editor2Plugin.InsertTableDialog");
- dojo.widget.defineWidget("dojo.widget.Editor2InsertTableDialog", dojo.widget.Editor2DialogContent, {templateString:"<div>n<table cellSpacing="1" cellPadding="1" width="100%" border="0">nt<tr>ntt<td valign="top">nttt<table cellSpacing="0" cellPadding="0" border="0">ntttt<tr>nnttttt<td><span>Rows</span>:</td>nttttt<td> <input dojoAttachPoint="table_rows" type="text" maxLength="3" size="2" value="3"></td>ntttt</tr>ntttt<tr>nttttt<td><span>Columns</span>:</td>nttttt<td> <input dojoAttachPoint="table_cols" type="text" maxLength="2" size="2" value="2"></td>ntttt</tr>nntttt<tr>nttttt<td> </td>nttttt<td> </td>ntttt</tr>ntttt<tr>nttttt<td><span>Border size</span>:</td>nttttt<td> <INPUT dojoAttachPoint="table_border" type="text" maxLength="2" size="2" value="1"></td>ntttt</tr>nntttt<tr>nttttt<td><span>Alignment</span>:</td>nttttt<td> <select dojoAttachPoint="table_align">nttttttt<option value="" selected><Not set></option>nttttttt<option value="left">Left</option>nttttttt<option value="center">Center</option>nttttttt<option value="right">Right</option>ntttttt</select></td>ntttt</tr>nttt</table>ntt</td>ntt<td> </td>ntt<td align="right" valign="top">nttt<table cellSpacing="0" cellPadding="0" border="0">ntttt<tr>nttttt<td><span>Width</span>:</td>nttttt<td> <input dojoAttachPoint="table_width" type="text" maxLength="4" size="3"></td>nttttt<td> <select dojoAttachPoint="table_widthtype">nttttttt<option value="percent" selected>percent</option>nttttttt<option value="pixels">pixels</option>ntttttt</select></td>nntttt</tr>ntttt<tr>nttttt<td><span>Height</span>:</td>nttttt<td> <INPUT dojoAttachPoint="table_height" type="text" maxLength="4" size="3"></td>nttttt<td> <span>pixels</span></td>ntttt</tr>ntttt<tr>nttttt<td> </td>nttttt<td> </td>nttttt<td> </td>ntttt</tr>ntttt<tr>nttttt<td nowrap><span>Cell spacing</span>:</td>nttttt<td> <input dojoAttachPoint="table_cellspacing" type="text" maxLength="2" size="2" value="1"></td>nttttt<td> </td>nntttt</tr>ntttt<tr>nttttt<td nowrap><span>Cell padding</span>:</td>nttttt<td> <input dojoAttachPoint="table_cellpadding" type="text" maxLength="2" size="2" value="1"></td>nttttt<td> </td>ntttt</tr>nttt</table>ntt</td>nt</tr>n</table>n<table cellSpacing="0" cellPadding="0" width="100%" border="0">nt<tr>ntt<td nowrap><span>Caption</span>:</td>ntt<td> </td>ntt<td width="100%" nowrap> nttt<input dojoAttachPoint="table_caption" type="text" style="WIDTH: 90%"></td>nt</tr>nt<tr>ntt<td nowrap><span>Summary</span>:</td>ntt<td> </td>ntt<td width="100%" nowrap> nttt<input dojoAttachPoint="table_summary" type="text" style="WIDTH: 90%"></td>nt</tr>n</table>n<table><tr>n<td><button dojoType='Button' dojoAttachEvent='onClick:ok'>Ok</button></td>n<td><button dojoType='Button' dojoAttachEvent='onClick:cancel'>Cancel</button></td>n</tr></table>n</div>n", editableAttributes:["summary", "height", "cellspacing", "cellpadding", "border", "align"], loadContent:function () {
- var curInst = dojo.widget.Editor2Manager.getCurrentInstance();
- curInst.saveSelection();
- this.tableNode = dojo.withGlobal(curInst.window, "getSelectedElement", dojo.html.selection);
- if (!this.tableNode || this.tableNode.tagName.toLowerCase() != "table") {
- this.tableNode = dojo.withGlobal(curInst.window, "getAncestorElement", dojo.html.selection, ["table"]);
- }
- var tableAttributes = {};
- this.extraAttribText = "";
- if (this.tableNode) {
- this["table_rows"].value = this.tableNode.rows.length;
- this["table_rows"].disabled = true;
- this["table_cols"].value = this.tableNode.rows[0].cells.length;
- this["table_cols"].disabled = true;
- if (this.tableNode.caption) {
- this["table_caption"].value = this.tableNode.caption.innerHTML;
- } else {
- this["table_caption"].value = "";
- }
- var width = this.tableNode.style.width || this.tableNode.width;
- if (width) {
- this["table_width"].value = parseInt(width);
- if (width.indexOf("%") > -1) {
- this["table_widthtype"].value = "percent";
- } else {
- this["table_widthtype"].value = "pixels";
- }
- } else {
- this["table_width"].value = "100";
- }
- var height = this.tableNode.style.height || this.tableNode.height;
- if (height) {
- this["table_height"].value = parseInt(width);
- } else {
- this["table_height"].value = "";
- }
- var attrs = this.tableNode.attributes;
- for (var i = 0; i < attrs.length; i++) {
- if (dojo.lang.find(this.editableAttributes, attrs[i].name.toLowerCase()) > -1) {
- tableAttributes[attrs[i].name] = attrs[i].value;
- } else {
- this.extraAttribText += attrs[i].name + "="" + attrs[i].value + "" ";
- }
- }
- } else {
- this["table_rows"].value = 3;
- this["table_rows"].disabled = false;
- this["table_cols"].value = 2;
- this["table_cols"].disabled = false;
- this["table_width"].value = 100;
- this["table_widthtype"].value = "percent";
- this["table_height"].value = "";
- }
- for (var i = 0; i < this.editableAttributes.length; ++i) {
- name = this.editableAttributes[i];
- this["table_" + name].value = (tableAttributes[name] == undefined) ? "" : tableAttributes[name];
- if (name == "height" && tableAttributes[name] != undefined) {
- this["table_" + name].value = tableAttributes[name];
- }
- }
- return true;
- }, ok:function () {
- var curInst = dojo.widget.Editor2Manager.getCurrentInstance();
- var args = {};
- args["rows"] = this["table_rows"].value;
- args["cols"] = this["table_cols"].value;
- args["caption"] = this["table_caption"].value;
- args["tableattrs"] = "";
- if (this["table_widthtype"].value == "percent") {
- args["tableattrs"] += "width="" + this["table_width"].value + "%" ";
- } else {
- args["tableattrs"] += "width="" + this["table_width"].value + "px" ";
- }
- for (var i = 0; i < this.editableAttributes.length; ++i) {
- var name = this.editableAttributes[i];
- var value = this["table_" + name].value;
- if (value.length > 0) {
- args["tableattrs"] += name + "="" + value + "" ";
- }
- }
- if (!args["tableattrs"]) {
- args["tableattrs"] = "";
- }
- if (dojo.render.html.ie && !this["table_border"].value) {
- args["tableattrs"] += "class="dojoShowIETableBorders" ";
- }
- var html = "<table " + args["tableattrs"] + ">";
- if (args["caption"]) {
- html += "<caption>" + args["caption"] + "</caption>";
- }
- var outertbody = "<tbody>";
- if (this.tableNode) {
- var tbody = this.tableNode.getElementsByTagName("tbody")[0];
- outertbody = tbody.outerHTML;
- if (!outertbody) {
- var cnode = tbody.cloneNode(true);
- var tmpnode = tbody.ownerDocument.createElement("div");
- tmpnode.appendChild(cnode);
- outertbody = tmpnode.innerHTML;
- }
- dojo.withGlobal(curInst.window, "selectElement", dojo.html.selection, [this.tableNode]);
- } else {
- var cols = "<tr>";
- for (var i = 0; i < +args.cols; i++) {
- cols += "<td></td>";
- }
- cols += "</tr>";
- for (var i = 0; i < args.rows; i++) {
- outertbody += cols;
- }
- outertbody += "</tbody>";
- }
- html += outertbody + "</table>";
- curInst.restoreSelection();
- curInst.execCommand("inserthtml", html);
- this.cancel();
- }});
