Intersoft Community

Resize WebDialogBox dynamically

dasha.fedorova@gmail.com — Fri, 12 Mar 2010 08:53:15 GMT

Hello,

I can't seem to figure out if there's a way to resize the WebDialogBox after it has been opened? I'd like to make it fit the size of the contents:

function ResizeWindow(webDialogId) {
    var wdb;
    var form = document.getElementById("form1");
  
    wdb = parent.ISGetObject(webDialogId);

    if (wdb) {
         wdb.Height = form.offSetHeight;
         wdb.Width = form.offSetWidth;
    }
}

Is something along these lines possible?

WebTreeView node.LoadChildNodesOnDemand from client side

mariusz.kopera@gmail.com — Fri, 12 Mar 2010 07:21:44 GMT

Hi,

I am using WebTreeView in LoadOnDemand mode.

<ISWebTreeView:WebTreeView ID="WebTreeViewFolders" runat="server" 
                Height="500px" Width="250px" DataSourceID="" EnableLoadOnDemand="True" 
                oninitializenode="WebTreeViewFolders_InitializeNode" 
                oninitializechildnodes="WebTreeViewFolders_InitializeNode" 
                PostBackModeType="FlyPostBack">
                <FlyPostBackSettings PostInputControls="True" />
                <Nodes>
                    <ISWebTreeView:WebTreeViewNode Name="Folders" Text="Folders" TextImage="~/images/ico/16/folder.gif" >
                    </ISWebTreeView:WebTreeViewNode>
                </Nodes>
                <ClientSideEvents OnNodeSelect="WebTreeViewFolders_OnNodeSelect" />
                <NodeSettings EnableAnimation="True" />
            </ISWebTreeView:WebTreeView>

I am trying to add new folder to hierarchy (folders_structure.jpg) using ajax because your solution using postback is not possible.

function SaveFolder(iFOLDER_ID, sFOLDER_NAME, iFOLDER_ID_PARENT) {
    $.ajax({
        type: "POST",
        url: ......
        data: "{'FOLDER_ID':'" + iFOLDER_ID + "','FOLDER_NAME': '" + sFOLDER_NAME + "','FOLDER_ID_PARENT': '" + iFOLDER_ID_PARENT .......
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(oResult) {
            var iFOLDER_ID = oResult.d
            if (!isNaN(iFOLDER_ID)) {
                var WebTreeViewFolders = ISGetObject("WebTreeViewFolders");
                var node = WebTreeViewFolders.GetSelectedNode();
                //node.Collapse();
                //node.SetChanged();
                //node.Expanded = false;                                
                //node.OldExpanded = false;
                node.ChildNodeExpandable = true;
                node.IsDirty = true;
                node.LoadChildNodesOnDemand();
                node.Expand();
                //node.ExpandHierarchyAndSelect();
            } 
        },
        error: function(result) {
            alert("Status:" + result.status + ', Error:' + result.statusText);
        }
    });
}

After adding new folder to the database I want to refresh selected node to get new structure. Unfortunatele if selected node is expanded I can't load new structure from the databes because it remembers old one. How to refresh node implicitly from database even if node is expanded.

Regards,

Mariusz

Null error on auto expand row while using grid.refresh()

shawncraig@yahoo.com — Thu, 11 Mar 2010 23:39:18 GMT

I want to be able to auto expand child rows BUT i also need to call grid.refresh from time to time. This code works until grid.refresh is called. The OnRowSelect fires while refreshing and blows up at the ExpandChildRow(). (See error at the bottom). Is there a property I can query first?

        function wginstapps_OnRowSelect(controlId, tblName, rowIndex, rowEl) {
            var grid = ISGetObject(controlId);
            var selObj = grid.GetSelectedObject();
            var row = selObj.GetRowObject();

            if (row.Table.ChildTables.length > 0) {
                if (row.ChildExpanded) {
                    row.CollapseChildRow(); // collapse child row
                }
                else {
                    row.ExpandChildRow(); // expand child row
                }
            }
            return true;
}

This is where the null error:

m63329:function(v3dc13) { var vc1093 =v3dc13.parentElement

v3dc13 is null.

Bug in Switch View From Day to Week with FirstDayOfWeek is Saturday

Sir_Xblack — Thu, 11 Mar 2010 22:39:19 GMT

Hi Intersoft,

I found this problem in WebSchedule 3.0.1000.2. It happens when we set FirstDayOfWeek to Saturday.

(<CalendarSettings FirstDayOfWeek="Saturday" />).

Follow this step and the event disappear :
1. Click on Week to see event in Week View mode. (See attach pic1.jpg)
2. Click on Sunday button to go to Day View (Sunday day). (See attach pic2.jpg)
3. Click on Week to change back to Week View mode. (See attach pic3.jpg)
4. All event in this Week disappear.
Note:
- I used DefaultStyle_Blue.aspx page in your WebScheduler Sample to demonstrate this bug.
- It only happen when click on Sunday, other day worked fine.

Pls help me work around this problem and fix this bug asap.

Regards,
Huy.

How to determine if First Row is being Added or Last Row has been Deleted?

DJBadin — Thu, 11 Mar 2010 21:40:45 GMT

Hi,

With a WebGrid, how can I determine if First Row is being Added or Last Row has been Deleted?

I have a WebGrid with an ISDataSource.

I have tried the following but can't figure out a valid WebGrid Count:

- WebGrid.OnAddRow Event
- ISDataSource.OnInserting Event

I need to know this before the row is added so I can supply a Foreign Key to the Row being Added.

- WebGrid.OnDeletedRow Event
- ISDataSource.OnDeleted Event

I need to know this after the last row of the WebGrid is deleted so I can delete a Parent Table Row using the Foreign Key of the Row being Deleted.

Thanks,

Doug

How to return to the First page on a grid

NK1958 — Thu, 11 Mar 2010 17:15:03 GMT

I have a webgrid version 6.0 with a filters and paging functionality build in. I am using asp:objectdatasource control to do custom pagination. I also have button on a form which do postback. My action:

1. Setup filters on a grid and click a button to get data

2. Go to page 5 on a grid

3. Set new filter on a grid and click a button to get data.

I want to be on a page 1, but instead I go to the page 5. Everything is correct I am displaying data for page 5. But after I clicking a button I need to be on a page 1 displaying data for page 1

What code should I write in javascript or on server to reset pageIndex to 1?

Can I use this function. WG50Engine.ExecuteFlyPostback("myGrid","PagingTo",1);

Truncate grid from clientside

hermancordes@gmail.com — Thu, 11 Mar 2010 10:31:21 GMT

Currently I'm using the WebGrid in a modalbox as lookup. The Grid doesn't have a datasource assigned, because it's filled from clientside. The user can't interact with the grid in any way; only to select a row.

Each search action will fill the grid from clientside. However, before each search action, I'd like to empty the grid. I tried this:

var grid = ISGetObject("SearchResultsWebGrid");
for(var i = 0; i < grid.RootTable.GetRowsCount(); i++)
{
    grid.RootTable.GetRow(i).Delete();
}
grid.RootTable.UpdateUI()

However, it's not giving me javascript warnings or other errors. And, it doesn't remove any rows... I searched this website for a solution, but couldn't find it so far.

Anyone got a solution or an idea how to truncate (delete all rows) from a webgrid at clientside?

Thanks!

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?

CheckedRows cellValue

desarrollo@pranasys.com — Thu, 11 Mar 2010 08:19:02 GMT

I have a grid with a IsRowChecker column and i want to access a particular value on client side, for all the checked rows.

When the user check a individual row the following code works fine.

But when the user check all the rows with the checkbox in the row header, the cellValue property is undefined.

How can i access the cell value? (The cell text and value must be differents)

/// Javascript function

var grid = ISGetObject('WebGridComissions');
var table = grid.GetRootTable();
var checkedRows = table.GetCheckedRows();
for (var i = 0; i < checkedRows.length; i++){
	alert(checkedRows[i].cells[4].cellValue); //Cell value
	alert(checkedRows[i].cells[4].innerText); // Cell text
}


/// Server side

  protected void WebGridComissions_InitializeRow(object sender, ISNet.WebUI.WebGrid.RowEventArgs e)
    {
        if (e.Row.Type == ISNet.WebUI.WebGrid.RowType.Record)
        {
            ISNet.WebUI.WebGrid.WebGridCellCollection cells = e.Row.Cells;
            DataRowView dr = (DataRowView)e.Row.DataRow;                        
            int classId = (int)dr["Id"];
            cells.GetNamedItem("ClassName").Value = classId;
        }
    }

How do I Calculate a NoEdit, Not Bound WebGridColumn?

DJBadin — Wed, 10 Mar 2010 19:50:44 GMT

1. How do I Calculate a NoEdit, Not Bound WebGridColumn?

I followed instructions in the following link, but if the EditType is NoEdit it does not work.

http://support.intersoftpt.com/docs/webgrid/5.0.7200/Calculate%20a%20cell%20after%20a%20value%20is%20filled.html

I have attached a sample I am using.

The Calculated Cell is Total_WebGridColumn.

The ExitEditMode Client Side Event is OrderDetails_WebGrid_OnExitEditMode.

2. Also is there a way to format the cell per the DataFormatString? i.e. DataFormatString="$#,###.00"

3. What is the best Client Event to Calculate the WebGridColumn on an Initial Load or Refresh?

4. What is the best Client Event to Calculate the WebGridColumn on an Add New Row?

Thanks,

Doug