Questions on UI for ASP.NET AJAX Forum

1 answer

381 views

Disable Expand/Collapse button of Detail Tables

Hi,

I have Grid with 2 level of Detail Tables. I am using HierarchyLoadMode="Client". I need to Disable (not hide) Expand button click of 1st Detail Table (DetailTableView1) for few scenarios.

Below is the structure

<telerik:RadGrid........ >

<telerik:GridTableView Name="DetailTableView1" ..........>

<telerik:GridTableView Name="DetailTableView2" .........>

I have attached aimage to explain the requirement. Could you please let me know the possible ways to achieve the same?

Regards,

Puru

Grid

answered on 08 Mar 2017

4 answers

467 views

Getting values entered in cells from the server side

Hello,

I placed a RadSpreadsheet object in anaspx page as follows:

<telerik:RadSpreadsheet runat="server" ID="rssMain" Skin="Bootstrap" ColumnsCount="10">

<Toolbar>

<telerik:SpreadsheetToolbarTab Text="Test"></telerik:SpreadsheetToolbarTab>

</Toolbar>

</telerik:RadSpreadsheet>

All I want to do is to collect what the user typed in several cells when the submit button on the same page is clicked. I should be able to access those values by traversing through rows and cells of the spreadsheet but the values cannot be accessed as expected.

Please note that I am not using any data source or whatsoever (no data binding). Just a blank spreadsheet to get user typed values on postback.

Spreadsheet

answered on 08 Mar 2017

3 answers

151 views

ScatterLine enable to move second y axis

<form id="form1" runat="server">

<div>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>

</div>

<telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" Width="100%" Height="500px" Skin="Metro">

<Legend>

<Appearance Position="Bottom">

</Appearance>

</Legend>

<PlotArea>

<AdditionalYAxes>

<telerik:AxisY MaxValue="100" MinValue="0" Name="HS" Step="10" Color="#00CC00" >

<LabelsAppearance DataFormatString="{0}%"></LabelsAppearance>

<MinorGridLines Visible="false"></MinorGridLines>

<MajorGridLines Visible="true"></MajorGridLines>

</telerik:AxisY>

</AdditionalYAxes>

<Series>

<telerik:ScatterLineSeries DataFieldX="RQ" DataFieldY="RCYL1" Name="RCYL1">

<LabelsAppearance Visible="false"></LabelsAppearance>

<Appearance>

<FillStyle BackgroundColor="Fuchsia" />

</Appearance>

</telerik:ScatterLineSeries>

<telerik:ScatterLineSeries DataFieldX="RQ" DataFieldY="RCYL2" Name="RCYL2" >

<LabelsAppearance Visible="false"></LabelsAppearance>

<Appearance>

<FillStyle BackgroundColor="Red" />

</Appearance>

</telerik:ScatterLineSeries>

<telerik:ScatterLineSeries AxisName="HS" DataFieldX="RQ" DataFieldY="HS" Name="HS">

<LabelsAppearance Visible="false"></LabelsAppearance>

<Appearance>

<FillStyle BackgroundColor="#00CC00" />

</Appearance>

</telerik:ScatterLineSeries>

</Series>

<XAxis BaseUnit="Days" Type="Date" MajorTickType="None" >

<LabelsAppearance DataFormatString="yyyy-MM-dd">

</LabelsAppearance>

<MinorGridLines Visible="false"></MinorGridLines>

<MajorGridLines Visible="true"></MajorGridLines>

<AxisCrossingPoints>

<telerik:AxisCrossingPoint Value="0" />

<telerik:AxisCrossingPoint Value="10" />

</AxisCrossingPoints>

</XAxis>

<YAxis MajorTickType="None">

<MinorGridLines Visible="false"></MinorGridLines>

<MajorGridLines Visible="true"></MajorGridLines>

<MinorGridLines Visible="false"></MinorGridLines>

</YAxis>

</PlotArea>

</telerik:RadHtmlChart>

</form>

Telerik.Web.UI (2016.3.914.40)

Chart (HTML5)

answered on 08 Mar 2017

2 answers

78 views

External Filter batchupdate grid comparing 2 columns with 2 combo boxes

Hi guys,

I have a Batch Editing RadGrid like in this sample bellow and it has been working for years.
http://demos.telerik.com/aspnet-ajax/grid/examples/data-editing/batch-editing/defaultcs.aspx

I have been binding the radgrid via a ObjectDataSource.

<asp:ObjectDataSource ID="ods1" TypeName="Sensor.DAL" SelectMethod ="GetSensorBulkData" UpdateMethod="UpdateSensorBulkSettings" runat="server">

But now all I want is to add the functionality of cascading comboboxes in the top of the page to use as added filters comparing any sensor data column in the page.
http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/multiplecomboboxes/defaultcs.aspx

So I have added those and the filtering works fine but I had to modify my ObjectDataSource and now

<asp:ObjectDataSource ID="ods1" TypeName="Sensor.DAL" UpdateMethod="UpdateSensorBulkSettings" runat="server">

so I have placed the original SelectMethod in Page_Load like this

ods1.SelectMethod = "GetSensorBulkData";

and I have placed the filtered SelectMethod in Button1_Click the event for filtering using the Cascading Comboboxes like this

protected void Button1_Click(object sender, EventArgs e) {
Literal1.Text = string.Empty;

if (RadComboBox1.SelectedIndex > 0 && RadComboBox2.SelectedIndex > 0 && RadComboBox3.SelectedIndex > 0) {
Literal1.Text = string.Format(MessageTemplate, RadComboBox3.Text, RadComboBox2.Text, RadComboBox1.Text);

string Lower = RadComboBox2.Text;
string Higher = RadComboBox3.Text;
ods1.TypeName = "DAL";
ods1.SelectParameters.Clear();
ods1.SelectParameters.Add("Low", TypeCode.String, Lower);
ods1.SelectParameters.Add("High", TypeCode.String, Higher);
ods1.SelectMethod = "GetSensorBulkDataCompared";
}
}

The problem I have now is that I cant update my rows. and get the Message

Sensor with ID '' Cannot be updated. Reason: ObjectDataSource 'ods1' could not find a non-generic method 'UpdateSensorBulkSettings' listing all my Update Parameters plus the parameter original_ID from nowhere so I add OldValuesParameterFormatString="original_{0}" to my ObjectDataSource

<asp:ObjectDataSource ID="ods1" TypeName="Sensor.DAL" OldValuesParameterFormatString="original_{0}" UpdateMethod="UpdateSensorBulkSettings" runat="server"> like this and add original_id as an UPDATE parameter <asp:Parameter Name="original_id" Type="Int32" />

Then I add the original_id to my UpdateMethod but I dont use it there I just trap it...to see if it works and NO no update and the same error message.

What have I missed?

Also for some reason I had a secondary issue with the the Cascading comboboxes they dont seem to want to play with the radgrid in the AJAX settings at all

<tr:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<tr:AjaxSetting AjaxControlID="RadGrid1">
<UpdatedControls>
<tr:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
<tr:AjaxUpdatedControl ControlID="SavedChangesList" />
</UpdatedControls>
</tr:AjaxSetting>
<tr:AjaxSetting AjaxControlID="RadComboBox1">
<UpdatedControls>
<tr:AjaxUpdatedControl ControlID="RadComboBox2" />
<tr:AjaxUpdatedControl ControlID="RadComboBox3" />
</UpdatedControls>
</tr:AjaxSetting>
<tr:AjaxSetting AjaxControlID="RadComboBox2">
<UpdatedControls>
<tr:AjaxUpdatedControl ControlID="RadComboBox3" />
</UpdatedControls>
</tr:AjaxSetting>
</AjaxSettings>
</tr:RadAjaxManager>

RadComobox2 and 3 They look like they load but the never got populated. which I do just like in the demo from telerik

protected void LoadCompare1()
{
RadComboBox2.DataTextField = "Title";
RadComboBox2.DataValueField = "ID";
RadComboBox2.DataSource = Data.GetSiteMatch();
RadComboBox2.DataBind();
}

protected void LoadCompare2(int SiteId)
{
RadComboBox3.DataTextField = "Title";
RadComboBox3.DataValueField = "ID";
RadComboBox3.DataSource = Data.GetSiteMatchFiltered(SiteId);
RadComboBox3.DataBind();
}

the radgrid however sits inside a <tr:RadAjaxPanel runat="server" ID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1"> because it doesnt work outside it.

So Basically for testing purposes I have removed the AJAXsettings for the comboboxes so the entire page reloads after I change the values of Combobox 1 and 2

Help!

Grid

answered on 08 Mar 2017

6 answers

279 views

RadGrid Batch - How to retreive data from editor form using javascript

Hello,
I am using a RadGrid Batch mode (row edit) with GridButtonColumn to open a PopUp (RadWindow), All this happens on client side.
In the grid I have data fields like Name, birth date, etc. I need to retreive data filled in the current row and show them in the PopUp.
I need to do this using JavaScript.
I used this function on the OnClientShow event of the RadWindow :
var grid = $find("<%=RadGrid.ClientID%>");
var tableView = grid.get_masterTableView();
var batchManager = grid.get_batchEditingManager();
var items = tableView.get_dataItems();
var mapCell = items[index].get_cell("Nom");
var mapValue = batchManager.getCellValue(mapCell);
alert(mapValue);
It worked when I fill the new record's details in the RadGrid and I unselect the row (I exit Edit mode) then I click on the GridButtonColumn in that row.
But when I click on the button in the new row when its in edit mode, this function returns nothing.
In other words, I need to retreive data from editor form of a RadGrid Batch using JavaScript.
Any one can help ?
Thanks for your help !
Abbas B

Grid

answered on 08 Mar 2017

0 answers

35 views

RadGrid - two diffrents edit forms depends on selected chceckbox

Hi,

I have a problem, how to create two different edit forms in radgrid, they depends on selected checkbox. Maybe is somewhere example for this ?

Thanks for feedback

regards

Grid

asked on 08 Mar 2017

0 answers

141 views

Datepicker display issue

I have used rad date picker in one of our web page.It is rendering perfectly.

but when set the compatablility setting of IE11. total control display is changed.

<telerik:RadDatePicker RenderMode="Lightweight" ID="rdFrmInspDate" Width="135px" runat="server" Height="20px" DateInput-Label=" " MinDate="" Skin="Web20"></telerik:RadDatePicker>

Please find screen shot for reference

DatePicker

asked on 07 Mar 2017

8 answers

496 views

Captcha only validates the second time

I have been searching around about this issue and I found some related information but I just can't seem to get Telerik's Captcha to work properly.

No matter what I do, without fail the captcha will only validate on the second try. On the first try, it fails, and the second time it always works.

I do not use a web farm or cluster, it's just one server. I've tried most things that are documented, like changing the ImageStorageLocation to Session. The behavior is the same either way.

Anyone have any ideas?

Captcha

answered on 07 Mar 2017

3 answers

244 views

Hidden columns taking space

Hi Telerik!

I am currently developping a responsive grid and I am having issues with hidding some columns when the display screen is small.

I am successfully hidding the columns using same @media CSS, but even if the columns are not displayed they still occupy some place in the table.

I have 4 columns. There is no size specified for the first one since I want it to adjust to the available space. I have column 2 and 3 that I want to hide on small screen devices and I want column 4 to display all the time, 100px wide.

I am doing the following :

I have 4 columns with the following configurations :

<telerik:GridTemplateColumn HeaderText="Documents" HeaderStyle-CssClass="docCol" ItemStyle-CssClass="docCol" AllowFiltering="false">

<telerik:GridTemplateColumn HeaderText="Type" HeaderStyle-CssClass="typeCol" ItemStyle-CssClass="typeCol" AllowFiltering="false">
<HeaderStyle CssClass="typeCol" />
<ItemStyle CssClass="typeCol" />
<ItemTemplate>
bla bla bla
</ItemTemplate>
</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Category" HeaderStyle-CssClass="CategoryCol" ItemStyle-CssClass="CategoryCol" AllowFiltering="false">
<HeaderStyle CssClass="CategoryCol" />
<ItemStyle CssClass="CategoryCol" />
<ItemTemplate>
bla bla bla
</ItemTemplate>
</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Date" HeaderStyle-CssClass="dateCol" ItemStyle-CssClass="dateCol" AllowFiltering="false">
<HeaderStyle CssClass="dateCol" />
<ItemStyle CssClass="dateCol" />
<ItemTemplate>
bla bla bla
</ItemTemplate>
</telerik:GridTemplateColumn>

The CSS code is the following

@media (max-width: 450px)
{
.dd_client
{
width:180px !important;
}
.hidden-xs
{
display: none !important;
}
.docCol
{
min-width: 100px;
}
.typeCol
{
display: none !important;
}
.categoryCol
{
display: none !important;
}
.dateCol
{
width:100px;
}

}

What am I doing wrong. Please note that if I use "Display=False" then I don't have any display issues, but it isn't responsive anymore because the columns will always be hidden.

I attached a picture to show you what it looks like.

Thanks for your help!

Grid