Intersoft Community - javascript

Webgrid hiddendatamember javascript property

zeljko.skoric@hrpro.hr — Mon, 28 Dec 2015 13:35:03 GMT

We are currently upgrading our app and abandoning support for olde IE browsers including IE8 and everything below. The problem we ran into is that client-side api for grid, behaves differently in new browsers. When we define a HiddenDataMember on a Webgrid column, in server-side code:

  myCol = New WebGridColumn
            myCol.Name = "EmployeeId"
            myCol.DataMember = "EmployeeId"
            myCol.HiddenDataMember = "EmployeeName"
            grid.RootTable.Columns.Add(myCol)

on a client, we would access that property like this:

wgGetCellByName(SelectedRow,"EmployeeId").EmployeeName;

and that worked in IE8 and below, however it doesn't work in HTML5 browsers. With the new DOCTYPE html, in new browsers, that gets rendered as a direct property on a combo object, while in older browsers it's rendered as a member of attributes array on a combo object in js.

When it gets rendered as a property it is lowercased, so the property name would be "employeename" and of course, you have to get it by that name:

wgGetCellByName(SelectedRow,"EmployeeId").employeename;

This means we have to go over all of our code and lowercase all properties. Have you encountered this issue and is there some solutio to it?

Webgrid doesn't update row after OnCellDblClick

macedes — Tue, 18 Feb 2014 05:16:01 GMT

Hello, i have a WebGrid with some rows filled, when i doubleclick to a specific cell it will call the function "WebGrid1_OnCellDblClick" and sets the current DateTime in the Cell. after i press shift and Enter it won't save the changes in die DB. It doesn't recognize the entry as an Update. When I edit a cell by myself it work. Do you have any solutions?

here is my code:

        <ISWebGrid:WebGrid ID="WebGrid1" runat="server" Height="518px" UseDefaultStyle="True"
            Width="1219px" DataMember="DefaultView" DataSourceID="SqlDataSource1">
            <RootTable DataKeyField="ID">
                <Columns>
                    <ISWebGrid:WebGridColumn Caption="ID" DataMember="ID" DataType="System.Decimal" Name="ID"
                        Width="100px" Visible="False">
                    </ISWebGrid:WebGridColumn>
                 
                    <ISWebGrid:WebGridColumn Caption="Ankunft" DataMember="ANKUNFT" DataType="System.DateTime"
                        Name="ANKUNFT" Width="150px">
                    </ISWebGrid:WebGridColumn>
                    <ISWebGrid:WebGridColumn Caption="Abreise" DataMember="ABREISE" DataType="System.DateTime"
                        Name="ABREISE" Width="150px">
                    </ISWebGrid:WebGridColumn>
                    <ISWebGrid:WebGridColumn Caption="Status" Name="STATUS"
                        Width="100px" DataMember="STATUS" DataType="System.Decimal">
                    </ISWebGrid:WebGridColumn>
                </Columns>
            </RootTable>
             <LayoutSettings AllowAddNew="Yes" AllowDelete="Yes" AllowEdit="Yes" AllowFilter="Yes"
                AllowSorting="Yes">
                <ClientSideEvents OnCellDblClick="WebGrid1_OnCellDblClick" />
            </LayoutSettings>
        </ISWebGrid:WebGrid>

       function WebGrid1_OnCellDblClick(controlId, tblName, rowIndex, cellIndex, cellEl) {
          var grid = ISGetObject(controlId);
          var WebCombo2 = ISGetObject("WebCombo2");
          var now = new Date();
          var datum = (pad(now.getDate())).toString() + "." + (pad(1 + now.getMonth())).toString() + "." + now.getFullYear().toString() + " " + (pad(now.getHours())).toString() + ":" + (pad(now.getMinutes())).toString() + ":00";
          if (cellIndex == 17) {
              grid.GetSelectedObject().ToRowObject().GetCell('ANKUNFT').SetValue(now, true);
              grid.GetSelectedObject().ToRowObject().GetCell('ANKUNFT').SetText(datum.toString() );
              grid.GetSelectedObject().ToRowObject().GetCell('STATUS').SetValue('0', true);
              grid.GetSelectedObject().ToRowObject().GetCell('STATUS').SetText('Awensend');
          }
          if (cellIndex == 18) {
              grid.GetSelectedObject().ToRowObject().GetCell('ABREISE').SetValue(now, true);
              grid.GetSelectedObject().ToRowObject().GetCell('ABREISE').SetText(datum.toString());
          }
      return true;
      }

Dynamically created WebCombo and the ISControl_InitializeAtlas error

ArtAmurao — Mon, 29 Apr 2013 04:45:15 GMT

Hi,

We are encountering an error on our page with a WebCombo. Our WebCombo is being generated in the code, and is being added to a control under an UpdatePanel. If the UpdatePanel uses a PostbackTrigger, it works fine. However, if we use an AsyncPostbackTrigger, we are receiving the error, "The value of the property 'ISControl_InitializeAtlas' is null or undefined, not a Function object" and the WebCombo is not rendered properly. Please see attached sample page.

I can confirm that the runtime licenses are supplied correctly on our web.config and that the ISNet.dll, ISNet.WebUI.dll, ISNet.WebUI.Resources.dll are on our website's bin folder, as indicated on some of the responses to similar problems I've found on this forum. If you notice, I also tried to add the <system.webServer /> tags on our web.config. All these did not resolve the error we're encountering.

This is happening on my local machine (Windows 7, VS2010) and on our app server (Windows Server 2008, IIS7).

We need to use the AsyncPostbackTrigger in this page as we have other controls that would be affected. Please help!

Thanks!

-- Art

How to force redraw/ rerender a Webgrid/ Webgrid Layout (clientside, javascript)?

interfung — Thu, 09 Jun 2011 01:19:49 GMT

Hi,

I am having a WebGrid in the page which horizontal scrollbar is not drawn correctly occasionally (especially in slow PC), Is there any way to force the webgrid to redraw in clientside?

Thanks and Regards,

Fung

Sharepoint 2010 Tutorial?

smueller — Wed, 30 Mar 2011 14:46:57 GMT

Is there any tutorial how I can use the webgrid in SharePoint?

I have a Sharepoint 2010 server, VS2010 and the newest version of WebGrid and I want to make some webparts.

I get some javascript errors.

I used this tutorial: http://www.intersoftpt.com/Community/Attachments/508/WebGridNET6_SPD2007.pdf

Any sugesstions?

WebDesktop Max window javascript

Andre — Thu, 08 Jul 2010 14:52:37 GMT

Hi,

I am trying to open up a Webdesktop window in Javascript on Body onload=”opennewwindow”. When I open the window the window opens in Maximize but is off center. In the case of the example attached it’s also not maximized. You would have to minimize the window then maximize the window again.

see attached video

Also, if you right click on the window to open the content menu, the content menu is not near the mouse.

WebGrid client-side dynamic grouping problem

Mladen.maras@combis.hr — Thu, 11 Mar 2010 09:59:36 GMT

I have a problem when I try to dynamically change grouping in WebGrid using javascript function on the client side. I use dropdown list to specify in which ways to group data in grid.

<asp:DropDownList ID="ddlGrupiranje" runat="server" SkinID="Medium" onchange="ChangeGroup(this.id);">
	<asp:ListItem Text="Po oznaci" Value="1" Selected="True"></asp:ListItem>
	<asp:ListItem Text="Po fazi" Value="2" Selected="False"></asp:ListItem>
	<asp:ListItem Text="Po ics-u" Value="3" Selected="False"></asp:ListItem>
	<asp:ListItem Text="Po oznaci izvornika" Value="4" Selected="False"></asp:ListItem>
	<asp:ListItem Text="Po tajniku" Value="5" Selected="False"></asp:ListItem>
	<asp:ListItem Text="Po smjernicama" Value="6" Selected="False"></asp:ListItem>
	<asp:ListItem Text="Po naslovu" Value="7" Selected="False"></asp:ListItem>
	<asp:ListItem Text="PovuÄŤeni projekti" Value="8" Selected="False"></asp:ListItem>
	<asp:ListItem Text="Po Glasilu - rasprava" Value="9" Selected="False"></asp:ListItem>
	<asp:ListItem Text="Po Glasilu - objava" Value="10" Selected="False"></asp:ListItem>
	<asp:ListItem Text="Po Glasilu - ispravak" Value="11" Selected="False"></asp:ListItem>
	<asp:ListItem Text="Po Glasilu - potvrÄ‘ivanje" Value="12" Selected="False"></asp:ListItem>
	<asp:ListItem Text="Po Glasilu - povlaÄŤenje" Value="13" Selected="False"></asp:ListItem>
	<asp:ListItem Text="Arhiva" Value="14" Selected="False"></asp:ListItem>
</asp:DropDownList>

Javascript function is defined like this:

function ChangeGroup(ddlId) {
	var ddl = document.getElementById(ddlId);
	var selectedValue = ddl.options[ddl.selectedIndex].value;
	
	var grid = ISGetObject("WebGrid1");
	
	if (grid == null) {
		return;
	}
	
	var rootTable = grid.RootTable;
	while (rootTable.GroupedColumns[0] != null) {
		rootTable.GroupedColumns.RemoveAt(0);
	}
	
	switch (selectedValue) {
		case "1":
			var newGroup = new WebGridGroup();
			newGroup.ColumnMember = "TehOdbor";
			newGroup.GroupInterval = "Text";
			newGroup.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(newGroup);
			break;
		case "2":
			var newGroup = new WebGridGroup();
			newGroup.ColumnMember = "TehOdbor";
			newGroup.GroupInterval = "Text";
			newGroup.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(newGroup);
			var groupby2 = new WebGridGroup();
			groupby2.ColumnMember = "Faza";
			groupby2.GroupInterval = "Text";
			groupby2.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(groupby2);
			break;
		case "3":
			var groupby = new WebGridGroup();
			groupby.ColumnMember = "TehOdbor";
			groupby.GroupInterval = "Text";
			groupby.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(groupby);
			var ics1 = new WebGridGroup();
			ics1.ColumnMember = "ICSGrupa1";
			ics1.GroupInterval = "Text";
			ics1.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(ics1);
			var ics2 = new WebGridGroup();
			ics2.ColumnMember = "ICSGrupa2";
			ics2.GroupInterval = "Text";
			ics2.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(ics2);
			var ics3 = new WebGridGroup();
			ics3.ColumnMember = "ICS";
			ics3.GroupInterval = "Text";
			ics3.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(ics3);
			break;
		case "4":
			var groupby = new WebGridGroup();
			groupby.ColumnMember = "TehOdbor";
			groupby.GroupInterval = "Text";
			groupby.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(groupby);
			var groupby2 = new WebGridGroup();
			groupby2.ColumnMember = "Faza";
			groupby2.GroupInterval = "Text";
			groupby2.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(groupby2);
			break;
		case "5":
			var tajnik = new WebGridGroup();
			tajnik.ColumnMember = "Tajnik";
			tajnik.GroupInterval = "Text";
			tajnik.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(tajnik);
			var groupby = new WebGridGroup();
			groupby.ColumnMember = "TehOdbor";
			groupby.GroupInterval = "Text";
			groupby.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(groupby);
			var groupby2 = new WebGridGroup();
			groupby2.ColumnMember = "OznakaIzvornika";
			groupby2.GroupInterval = "Text";
			groupby2.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(groupby2);
			break;
		case "6":
			var groupby = new WebGridGroup();
			groupby.ColumnMember = "VezaEUDirektive";
			groupby.GroupInterval = "Text";
			groupby.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(groupby);
			break;
		case "7":
			var newGroup = new WebGridGroup();
			newGroup.ColumnMember = "TehOdbor";
			newGroup.GroupInterval = "Text";
			newGroup.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(newGroup);
			break;
		case "8":
			var newGroup = new WebGridGroup();
			newGroup.ColumnMember = "TehOdbor";
			newGroup.GroupInterval = "Text";
			newGroup.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(newGroup);
			break;
		case "9":
			var groupby = new WebGridGroup();
			groupby.ColumnMember = "Rasprava";
			groupby.GroupInterval = "Text";
			groupby.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(groupby);
			var groupby2 = new WebGridGroup();
			groupby2.ColumnMember = "Tajnik";
			groupby2.GroupInterval = "Text";
			groupby2.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(groupby2);
			break;
		case "10":
			var groupby = new WebGridGroup();
			groupby.ColumnMember = "Objava";
			groupby.GroupInterval = "Text";
			groupby.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(groupby);
			var groupby2 = new WebGridGroup();
			groupby2.ColumnMember = "Tajnik";
			groupby2.GroupInterval = "Text";
			groupby2.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(groupby2);
			var TOGroup = new WebGridGroup();
			TOGroup.ColumnMember = "TehOdbor";
			TOGroup.GroupInterval = "Text";
			TOGroup.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(TOGroup);
			break;
		case "11":
			var groupby = new WebGridGroup();
			groupby.ColumnMember = "Ispravak";
			groupby.GroupInterval = "Text";
			groupby.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(groupby);
			var groupby2 = new WebGridGroup();
			groupby2.ColumnMember = "Tajnik";
			groupby2.GroupInterval = "Text";
			groupby2.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(groupby2);
			break;
		case "12":
			var groupby = new WebGridGroup();
			groupby.ColumnMember = "Potvrdjivanje";
			groupby.GroupInterval = "Text";
			groupby.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(groupby);
			var groupby2 = new WebGridGroup();
			groupby2.ColumnMember = "Tajnik";
			groupby2.GroupInterval = "Text";
			groupby2.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(groupby2);
			break;
		case "13":
			var groupby = new WebGridGroup();
			groupby.ColumnMember = "Povlacenje";
			groupby.GroupInterval = "Text";
			groupby.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(groupby);
			var groupby2 = new WebGridGroup();
			groupby2.ColumnMember = "Tajnik";
			groupby2.GroupInterval = "Text";
			groupby2.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(groupby2);
			break;
		case "14":
			var newGroup = new WebGridGroup();
			newGroup.ColumnMember = "TehOdbor";
			newGroup.GroupInterval = "Text";
			newGroup.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(newGroup);
			break;
		default:
			var newGroup = new WebGridGroup();
			newGroup.ColumnMember = "TehOdbor";
			newGroup.GroupInterval = "Text";
			newGroup.SortOrder = "Disabled";
			grid.RootTable.GroupedColumns.Add(newGroup);
			break;
	}
	
	grid.RootTable.UpdateUI();
	grid.Refresh();
	}

Grid itself has over 30 columns. When I change grouping, columns that are used for grouping are removed from RootTable.Columns collection. When I change back grouping to previous selection, javascript error of undefined is thrown, because columns were removed when they were first grouped by.

When GroupedColumns are cleared, regarding columns are not returned to RootTable.Columns collection.

How can this be solved?

Script Access to “Paste Multiple Rows from Clipboard”

danjransom@gmail.com — Tue, 09 Feb 2010 14:49:12 GMT

Is there any way to access the “Paste Multiple Rows from Clipboard” feature from javascript outside of the row context menu? We want users to be able to paste multiple rows at a single time into an empty grid. However, if the grid is empty and there are no rows, there is no way to access the “Paste Multiple Rows from Clipboard” command.

Is there a way to perform this function from a button outside the grid? Alternatively, is there a way to show the row context menu even when there are no rows?

Webscheduler 3 Javascript Error

twor — Mon, 25 Jan 2010 12:42:42 GMT

Hello,

After i installed "Intersoft WebUI Studio 2009 R2", webscheduler started to give me some errors.

The first error i found out and resolved. In the webscheduler documentation it says that the mandatory table to bind in the scheduler is Events. I was using events and resources and it gave a error. After some investigation i found out that i needed to bind also the category table. That solve one error.

But i still am struggling with one other error.

When i load a page with the scheduler it throws an javascript error shown in the attachment zip (JSError.png).

When i debug the error i see this (JSErrorFile.png in files.zip)

I picked up the Webscheduler Sample "FirstDayOfWeek.aspx" and strip some code to be more like what i have in my code and the error still ocurres.

Can someone help me?

Tanks,

Ricardo

WebCombo 4 Client Calls SetSelectedIndex And SetSelectedRowByValue Fail Crash

PRISMAY — Fri, 08 Jan 2010 09:18:58 GMT

I have a custom date control made of 3 components: WebCombo and two WebInput calendars. The WebCombo gives the user a preset number of options that automatically set the calendars, i.e., Yesterday, Last Week, This Month, etc.

When the user directly sets the dates via the calendars, then we want to automatically set the combo's range type selection to our "Custom" selection. I'm doing that via a workaround using the code below:

oIsCbo.SelectedIndex = i;
oIsCbo.SetValue(oDRT.dateRangeTypeId);
oIsCbo.SetTextBoxValue(oDRT.dateRangeTypeName);

I'm using this workaround because both SetSelectedIndex and SetSelectedRowByValue crash when called. Both calls cause the javascript runtime error of "'this.Column.BaseFieldName' is null or not an object." I'm using an unbound combo and all the UI elements do not post back so everything is done client-side. We don't want a simple control like this to constantly post back on every little user change.

Here's how our PrismComboBox (derives from ISNet.WebUI.WebCombo.WebCombo) is set up:

this.AllowWildCardSearch = true;
this.EnableViewState = true;
this.Items = new PrismComboBoxItems();
this.Items.ComboBox = this;
this.SelectedItem = new PrismComboBoxSelectedItem();
this.SelectedItem.ComboBox = this;
this.LayoutSettings.AllowAddItem = false;
this.LayoutSettings.AllowFloatingText = false;
this.LayoutSettings.AllowNavigationOnMouseWheel = true;
this.LayoutSettings.AllowTextWrapping = false;
this.LayoutSettings.AlwaysShowAllRowsOnDropdown = true;
this.LayoutSettings.AlwaysShowColumnHeaders = false;
this.LayoutSettings.AlwaysShowHelpButton = false;
this.LayoutSettings.AlwaysShowResultBox = false;
this.LayoutSettings.AlwaysShowSearchButton = true;
this.LayoutSettings.AutoColumnOrdering = false;
this.LayoutSettings.ComboMode = ISNet.WebUI.WebCombo.Mode.SingleColumn;
this.LayoutSettings.EnableAnimation = true;
this.LayoutSettings.EnableSlidingAnimation = true;
this.LayoutSettings.EntryMode = ISNet.WebUI.WebCombo.EntryMode.AutoComplete;
this.LayoutSettings.NoResultFoundAction = ISNet.WebUI.WebCombo.NoResultFoundAction.RevertSelection;
this.LayoutSettings.SearchIconMode = ISNet.WebUI.WebCombo.SearchMode.Text;
this.LayoutSettings.TextBoxMode = ISNet.WebUI.WebCombo.TextboxMode.Editable;
this.UseDefaultStyle = false;
this.SelectionRequired = false;

Here's how the combo box is further configured and populated in our PrismDateRange control:

m_ComboboxRangeType.ID = "ComboBoxRangeType";
m_ComboboxRangeType.AutoPostBack = AutoPostBack;
m_ComboboxRangeType.SelectedIndexChanged += new EventHandler(m_ComboboxRangeType_SelectedIndexChanged);
m_ComboboxRangeType.PreRender += new EventHandler(m_ComboboxRangeType_PreRender);
m_ComboboxRangeType.Enabled = this.Enabled;
m_ComboboxRangeType.DropDownRows = 50;

m_ComboboxRangeType.Width = Unit.Percentage(100);
m_ComboboxRangeType.LayoutSettings.StatusBoxVisible = false;

m_ComboboxRangeType.LayoutSettings.ResultBoxShadow = false;
m_ComboboxRangeType.LayoutSettings.ResultBoxWindowType = ISNet.WebUI.DisplayType.Normal;

m_ComboboxRangeType.Enabled = true;
m_ComboboxRangeType.insertBlankRow = false;
m_ComboboxRangeType.DataValueField = "dateRangeTypeID";
m_ComboboxRangeType.DataTextField = "dateRangeTypeName";

ISNet.WebUI.WebCombo.WebComboColumn colText = new ISNet.WebUI.WebCombo.WebComboColumn();
colText.BaseFieldName = m_ComboboxRangeType.DataTextField;
colText.Bound = false;
colText.ColumnType = ISNet.WebUI.WebCombo.ColumnType.Text;
colText.DataType = "System.String";
colText.Hidden = false;
colText.Name = m_ComboboxRangeType.DataTextField;

ISNet.WebUI.WebCombo.WebComboColumn colValue = new ISNet.WebUI.WebCombo.WebComboColumn();
colValue.BaseFieldName = m_ComboboxRangeType.DataValueField;
colValue.Bound = false;
colValue.ColumnType = ISNet.WebUI.WebCombo.ColumnType.Text;
colValue.DataType = "System.String";
colValue.Hidden = true;
colValue.RenderOnHidden = true;
colValue.Name = m_ComboboxRangeType.DataValueField;

m_ComboboxRangeType.Columns.Add(colText);
m_ComboboxRangeType.Columns.Add(colValue);

m_ComboboxRangeType.PopulateUnboundData(GetTypeTable(),false);

if (CPRISMStrLib.IsVs(ReportCategoryId))
{
    m_ComboboxRangeType.Value = CPRISMStrLib.GetStr(GetDefTable().Rows[0]["defaultDateRangeTypeID"]);
    m_ComboboxRangeType.SelectedValue = m_ComboboxRangeType.Value;
}

I've attached a couple falsh videos of the issue while running in debug mode. The first one shows the crash when SetSelectedIndex is hit and the value of this.Column. The second one breaks into my javascript code and also shows the result of SetSelectedRowByDefault in the watch window as well as continuing on and the crash of SetSelectedIndex.

As you can see above, the BaseFieldName is set up so I'm not sure why all that is empty on the client side, i.e., this.Column and so on. Let me know if you need anything else.

I'm in a bind to get this working please so I can really use a fast resolution. Thanks a lot.