create dynamic control in mvc4 razor

Question

i need to create dynamically a textbox with header text when i click add link

vidhya · Answer

sunny, Did u see my screen which i sent before. when i click add ,i should add the statement and response text box and label. be stable in the page itself.

Sunny Sharma · Answer

Hi Vidhya, Obviously, this is why it's dynamic. otherwise you could have set the desired layout in view itself. Contents added dynamically will be reset always. I'm not getting your point on requirements. My Answers satisfies your question. You can ask for more if otherwise needed. Elaborate on what you want to do.

vidhya · Answer

it works fine, but when i refresh or close the page, the controls disappears. but i need the control stable in the page itself.

Sunny Sharma · Answer

Hi vidhya, use this script: -------------------------------- script src = "~/Scripts/jquery-1.8.2.min.js" > script > script type = "text/javascript" > var textBoxCount = 0; $(document).ready( function () { $( "#txt" ).click( function () { textBoxCount++; var lbl = $( ' text' + textBoxCount + ' ' ).attr({ for : 'text' + textBoxCount });; var $ctrl = $( ' ' ).attr({ type: 'text' , id: 'text' +textBoxCount, value: 'text' }).addClass( "text" ); $( "#holder" ).append(lbl); $( "#holder" ).append($ctrl); }); }); script > @ using (Html.BeginForm()) { div > fieldset > legend > span > 2. span > Statements & Responses legend > input type = "button" id = "txt" value = "Add TextBox" style = "" /> div id = "holder" > div > fieldset > div > } ----------------------------------------------------------------- It will Work. Mark it as answer if it helps. Cheers!

vidhya · Answer

@{ var totpts = 0; var bol = 0; } $(document).ready(function() { $("#txt").click(function() { var $ctrl = $(' ').attr({ type: 'text', name:'text', value:'text'}).addClass("text"); $("#holder").append($ctrl); }); } @using (Html.BeginForm()) { 2. Statements & Responses } I have a code which works fine, but i need to display the number before the text box how can i display it. eg: text1 textbox here text2 textbox here text3 texxtbox here At every click i need to increment the number.

vidhya · Answer

@{ var totpts = 0; var bol = 0; } @for (var i = 0; i { if (bol == 0) { @Html.EditorFor(m => m[i].QuestionTitle) bol = 1; totpts++; } } When i used like this i am getting this error. Compiler Error Message: CS0021: Cannot apply indexing with [] to an expression of type

Iftikar Hussain · Answer

Hi, Please refer the below link http://techbrij.com/add-dynamic-form-elements-textbox-button-radio-checkbox http://forums.asp.net/t/1763533.aspx/1 Regards, Iftikar

vidhya · Answer

sunny, i have attached the file for your reference. this was my scenario. When i click add link, it should add the text box.

Sunny Sharma · Answer

Hi Vidhya, You can do this with jQuery. Follow the pattern below: $('div.content').append(" ") "div.content" is the selector of parent element where you want to append textbox. Hope it helps. Cheers!

Sunny Sharma · Answer

vidhya, Please don't share only the screen, I'll have to write the whole code for you then. Share the code that you have so far towards the problem and I'll do the modifications for you. It will same my time as well as yours also. Hope you got my point.

create dynamic control in mvc4 razor

Answers (10)