Questions on UI for ASP.NET AJAX Forum

6 answers

335 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

46 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

176 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

569 views

[Solved] 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

285 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

answered on 07 Mar 2017

1 answer

248 views

DropDownTree findItemByValue method not found

Hi,

I'm using in an Asp application the DropDownTree web control.

According to your documentation, I wrote the following code :

function SelectNode(datakeyValue){

var combo = $find("<%= RadDropDownTree.ClientID %>");

var itm = combo.findItemByValue(dataKeyValue);

itm.select();

itm.set_checked(true);

}

However, IE displays an error message which says that the method « findItemByValue » is not found.

Thanks for your help,

Regards

DropDownTree

answered on 07 Mar 2017

1 answer

198 views

how to show button highlighted (in use)

I have 5 buttons using bootstrap css.
they are used as filters for the grid.
what is a good way to highlight the current filtered button used?
I can set enabled = false but that just slightly dims the button and is not enough to make it stand out.

Button

answered on 07 Mar 2017

1 answer

110 views

Backcolor of plot area changes when cursor is on marker

I created an isolated project using this code

http://demos.telerik.com/aspnet-ajax/htmlchart/examples/charttypes/linechart/defaultcs.aspx?show-source=true

when I am using 2015 telerik dlls it works fine

but when I use latest dlls (2017 1st qtr release) Backcolor of plot area changes when cursor is on marker

Plase advise.

Thanks in advance

Chart (HTML5)

answered on 07 Mar 2017

0 answers

148 views

Apply Filter comparing 2 columns in radgrid

Hello,

I have a radgrid with 10 columns with numeric values. I want to apply some filters with comboboxes or custom filter in filtertemplate where I can compare any of these columns with another.

Basically I want to be able to compare and see all rows where value of column2 is less than value of column4 or whatever columns I choose. Have anyone else here done this before and would be willing to share how to do it? I have been looking through the demo's and the forum but not found anything similar.

Grid

asked on 07 Mar 2017

0 answers

119 views

MasterTable.getCellByColumnUniqueName(...).innerText is Undefined

I am getting error MasterTable.getCellByColumnUniqueName(...).innerText is Undefined when i m getting the value using the javascript.

when i am using Firefox latest version this occurs, but when i m using the Internet explore this occurs doesn't occurs. i also change the version of firefox but still this is not working.

I saw the other older thread regarding the same prblm but there is no solution i found.

I am attaching the Screenshot.

Grid

asked on 07 Mar 2017