public override void EmitScriptAndHtml(StringBuilder script, StringBuilder html) { JsObject init = new JsObject(); if (Value != null) init.AddProperty("value", Value); if (IsReadOnly) init.AddProperty("readonly", IsReadOnly); switch (Mode) { case CodeMirrorMode.JavaScript: init.AddProperty("mode", "javascript"); break; case CodeMirrorMode.Sql: init.AddProperty("mode", "text/x-sql"); break; case CodeMirrorMode.CSharp: init.AddProperty("mode", "clike"); break; case CodeMirrorMode.Css: init.AddProperty("mode", "css"); break; case CodeMirrorMode.Html: init.AddProperty("mode", "htmlmixed"); break; default: throw new Exception(nameof(bsCodeMirror) + ": неизвестный " + nameof(Mode) + " '" + Mode.ToNameString() + "'"); } script.AppendLine("var editor=CodeMirror( $('#" + UniqueId + "')[0]," + init.ToJson() + ");"); script.AppendLine("setTimeout(editor.refresh, 0)"); html.Append(@" <style> .CodeMirror { border:1px solid #eee; height:auto; } .CodeMirror-scroll { overflow-y:hidden; overflow-x:auto; } </style> "); html.Append("<div id='" + UniqueId + "' " + GetAttrs() + ">"); base.EmitScriptAndHtml(script, html); }
public override void EmitScriptAndHtml(StringBuilder script, StringBuilder html) { AddClass("table"); AddClass("table-bordered"); JsObject init = new JsObject(); init.AddProperty("paging", false); init.AddProperty("select", true); init.AddRawProperty("createdRow", GetCreatedRowEventScript()); //jsArray extensions = new jsArray(); //extensions.AddObject("table"); //init.AddProperty("extensions", extensions); JsArray columns = new JsArray(); foreach (var col in Columns) { var jscol = new JsObject(); jscol.AddProperty("title", col.Caption); jscol.AddProperty("name", col.Field_Bind); columns.AddObject(jscol); } init.AddProperty("columns", columns); // сортировка List<SortRec> sortArray = new List<SortRec>(); int colIndex = 0; foreach (var col in Columns) { if (col.Sort != bsGridColumnSort.none) { var sortRec = new SortRec() { ColIndex = colIndex }; sortRec.SortIndex = Math.Abs((int)col.Sort); if ((int)col.Sort > 0) sortRec.AscDesc = "asc"; else sortRec.AscDesc = "desc"; sortArray.Add(sortRec); } colIndex++; } JsArray order = new JsArray(); foreach (SortRec rec in sortArray.OrderBy((r) => r.SortIndex)) { var jsorder = new JsArray(); jsorder.AddObject(rec.ColIndex); jsorder.AddObject(rec.AscDesc); order.AddObject(jsorder); } if (order.Length > 0) init.AddProperty("order", order); //if (IsShowCheckboxes) // init.AddProperty("checkbox", true); //init.AddProperty("icon", IsShowIcons); //ObservableCollection<string> selectedRows = null; //if (SelectedRows_Bind != null) //{ // selectedRows = Model.GetPropertyValue<ObservableCollection<string>>(SelectedRows_Bind); // init.AddProperty("checkbox", true); // script.AppendLine("var " + SelectedRows_Bind + "=function(event, data) {"); // script.AppendLine(" bindingHub.server.sendSelectedRowsChanged('" + Model.BindingId + "', '" + SelectedRows_Bind + "', data.node.key, data.node.isSelected()); "); // script.AppendLine("}"); // init.AddRawProperty("select", SelectedRows_Bind); //} //script.AppendLine("var renderColumns=function(event, data) {"); //script.AppendLine(" var node = data.node;"); //script.AppendLine(" var row = node.data.row;"); //script.AppendLine(" row.node = node;"); //script.AppendLine(" var td = $(node.tr).find('>td');"); //int i = -1; //foreach (var col in Columns.Where(c => c.Hidden != true)) //{ // i++; // if (col.CellTemplate != null) // { // script.AppendLine(@" var f" + i + "=function(row){"); // if (col.CellTemplateJS != null) // script.AppendLine(col.CellTemplateJS); // script.AppendLine(@" return Mustache.render(""" + col.CellTemplate + @""", row);"); // script.AppendLine(@" };"); // if (i != 0) // script.AppendLine(" td.eq(" + i + ").html(f" + i + "(row));"); // else // script.AppendLine(" td.eq(" + i + ").find('.fancytree-title').html(f" + i + "(row));"); // } // else // { // if (i != 0) // script.AppendLine(" td.eq(" + i + ").text(row['" + col.Field_Bind + "']);"); // else // script.AppendLine(" td.eq(" + i + ").find('.fancytree-title').text(row['" + col.Field_Bind + "']);"); // } //} //script.AppendLine("}"); //init.AddRawProperty("renderColumns", "renderColumns"); script.AppendLine("$('#" + UniqueId + "').DataTable(" + init.ToJson() + ");"); //if (ClickAction != null) //{ // script.AppendLine("$('#" + UniqueId + "').on('click',function(event){"); // ClickAction.EmitJsCode(Script); // script.AppendLine("});"); //} html.Append("<table id='" + UniqueId + "' " + GetAttrs() + ">"); //html.Append("<colgroup>"); //foreach (var col in Columns) // col.EmitColgroupCol(Html, Script); //html.Append("</colgroup>"); //html.Append("<thead>"); //html.Append("<tr>"); //foreach (var col in Columns.Where(c => c.Hidden != true)) // html.Append("<th>" + col.Caption + "</th>"); //html.Append("</tr>"); //html.Append("</thead>"); //html.Append("<tbody>"); //html.Append("<tr>"); //foreach (var col in Columns.Where(c => c.Hidden != true)) // html.Append("<td></td>"); //html.Append("</tr>"); //html.Append("</tbody>"); html.Append("</table>"); base.EmitScriptAndHtml(script, html); }
public override void EmitScriptAndHtml(StringBuilder script, StringBuilder html) { if (SessionStateId != null) sessionStateObject = AppServer.GetStateObject<bsTreeSessionState>(SessionStateId); AddClass("table"); JsObject init = new JsObject(); JsArray extensions = new JsArray(); extensions.AddObject("table"); extensions.AddObject("filter"); init.AddProperty("extensions", extensions); JsObject filter = new JsObject(); filter.AddProperty("mode", "hide"); filter.AddProperty("counter", "false"); filter.AddProperty("hideExpandedCounter", "false"); init.AddProperty("filter", filter); JsObject table = new JsObject(); table.AddProperty("indentation", 20); table.AddProperty("nodeColumnIdx", 0); init.AddProperty("table", table); if (IsShowCheckboxes) init.AddProperty("checkbox", true); init.AddProperty("icon", IsShowIcons); init.AddProperty("activeVisible", true); init.AddProperty("debugLevel", 0); init.AddProperty("keyboard", true); //ObservableCollection<string> selectedRows = null; //if (SelectedRows_Bind != null) //{ // selectedRows = Model.GetPropertyValue<ObservableCollection<string>>(SelectedRows_Bind); // init.AddProperty("checkbox", true); // script.AppendLine("var " + SelectedRows_Bind + "=function(event, data) {"); // script.AppendLine(" bindingHub.server.sendSelectedRowsChanged('" + Model.BindingId + "', '" + SelectedRows_Bind + "', data.node.key, data.node.isSelected()); "); // script.AppendLine("}"); // init.AddRawProperty("select", SelectedRows_Bind); //} script.AppendLine("var renderColumns=function(event, data) {"); script.AppendLine(" var node = data.node;"); script.AppendLine(" var row = node.data.row || {};"); script.AppendLine(" row.node = node;"); script.AppendLine(" var td = $(node.tr).find('>td');"); int colIndex = -1; foreach (var col in Columns.Where(c => c.Hidden != true)) { colIndex++; if (colIndex != 0) script.AppendLine(" var td_tag=td.eq(" + colIndex + ");"); else script.AppendLine(" var td_tag=td.eq(" + colIndex + ").find('.fancytree-title');"); if (col.CellTemplate != null) { script.AppendLine(@" var f" + colIndex + "=function(row){"); if (col.CellTemplateJS != null) script.AppendLine(col.CellTemplateJS); script.AppendLine(@" return Mustache.render(""" + col.CellTemplate.Replace("\n", "").Replace(@"""", @"\""") + @""", row);"); script.AppendLine(@" };"); if (colIndex != 0) script.AppendLine(" td_tag.html(f" + colIndex + "(row));"); else // node.saveHtml ипользуется в jquery.fancytree.filter.js script.AppendLine(" td_tag.html(f" + colIndex + "(row)); node.saveHtml=f" + colIndex + "(row);"); } else if (col.EditableType != bsEditableType.None) { var edt = new bsTreeEditable(Model); edt.Tree = this; edt.TreeColumn = col; edt.Bind_Value<string>(col.Field_Bind); var edt_html = new StringBuilder(); var edt_script = new StringBuilder(); edt.EmitScriptAndHtml(edt_script, edt_html); script.AppendLine(" td_tag.html(" + edt_html.AsJavaScript() + ".replace('4D57BEAC0040F92312A4',row['" + col.Field_Bind + "']).replace('"+ edt.UniqueId + "',node.key));"); script.AppendLine(" setTimeout(function(){ " + edt_script.ToString() + " }, 100);"); } else { script.AppendLine(" td_tag.text(row['" + col.Field_Bind + "']);"); } //if (col.TextColorClass != null) // script.AppendLine(" td_tag.addClass('" + col.TextColorClass + "');"); //if (col.BackColorClass != null) // script.AppendLine(" td_tag.addClass('" + col.BackColorClass + "');"); foreach (string cls in col.Classes) script.AppendLine(" td_tag.addClass('" + cls + "');"); foreach (var style in col.Styles) script.AppendLine(" td_tag.css('" + style.Key + "','" + style.Value + "');"); if (col.Align == bsTreeColumnAlign.center) script.AppendLine(" td_tag.css('text-align','center');"); if (col.Align == bsTreeColumnAlign.right) script.AppendLine(" td_tag.css('text-align','right');"); } script.AppendLine("}"); init.AddRawProperty("renderColumns", "renderColumns"); script.AppendLine("$('#" + UniqueId + "').fancytree(" + init.ToJson() + ");"); if (ClickAction != null) { script.AppendLine("$('#" + UniqueId + "').on('click',function(event){"); ClickAction.EmitJsCode(script); script.AppendLine("});"); } // toolbar if (IsShowTextFilter) EmitFilterScript(script); if (rightToolbar.Count > 0 || leftToolbar.Count > 0 || IsShowTextFilter) { html.Append("<div class='row'>"); // begin row html.Append(@"<form class='form-inline'>"); if (leftToolbar.Count > 0 || IsShowTextFilter) { html.Append(@"<div class='form-group col-xs-12 col-md-6' style='margin-bottom:10px; padding-left:0px'>"); if (IsShowTextFilter) html.Append(@"<input id='" + UniqueId + @"-filter-input' type='text' class='form-control input-sm' placeholder='строка для поиска' style='max-width:150px; margin-left1:-15px; display:inline-block'>"); foreach (var control in leftToolbar) html.Append(control.GetHtml()); html.Append(@"</div>"); } if (rightToolbar.Count > 0) { html.Append("<div class='form-group col-xs-12 col-md-6' style='margin-bottom:10px; padding-right:0px'>"); html.Append("<div class='pull-right'>"); foreach (var control in rightToolbar) html.Append(control.GetHtml()); html.Append("</div>"); html.Append("</div>"); } html.Append("</div>"); // end row html.Append("</form>"); } html.Append("<div class='row'>"); // begin row html.Append("<table id='" + UniqueId + "' " + GetAttrs() + ">"); //html.Append("<colgroup>"); //foreach (var col in Columns) // col.EmitColgroupCol(Html, Script); //html.Append("</colgroup>"); html.Append("<thead>"); html.Append("<tr>"); foreach (var col in Columns.Where(c => c.Hidden != true)) html.Append("<th>" + col.Caption + "</th>"); html.Append("</tr>"); html.Append("</thead>"); html.Append("<tbody>"); html.Append("<tr>"); foreach (var col in Columns.Where(c => c.Hidden != true)) html.Append("<td></td>"); html.Append("</tr>"); html.Append("</tbody>"); html.Append("</table>"); html.Append("</div>"); // end row base.EmitScriptAndHtml(script, html); }