C# - Call the same javascript function inside a loop

Question

Good day!

I am trying to achieve to change the color in the calendar cell of EXT Calendar for each holiday (holiday dates are from the database). But it only changes the first holiday which is the first line in the database.

My client side code :

        var applyCss = function (param1) {
        var css = "#CalendarPanel1-month-day-" + param1 + " {background-color: pink;}";

        Ext.net.ResourceMgr.registerCssClass("someCssClassId", css);
    };

My server side code:

DataTable holiday = Attendance.getInstance().getHolidays();

            for (var i = 0; i < holiday.Rows.Count; i++)
            {
                var hd = holiday.Rows[i]["holiday_date"].ToString();
                Page.ClientScript.RegisterClientScriptBlock(GetType(), "myScript", "applyCss(" + hd + ")", true);

            }

Appreciate any recommendations / suggestions / solutions. Thanks!

Koby Douek · Accepted Answer · 2017-06-05 05:10:59Z

2

The reason is that you can only call Page.ClientScript.RegisterClientScriptBlock once per postback.

My suggestion: Create a string that will hold all the scripts you would like to run, and use that string in Page.ClientScript.RegisterClientScriptBlock:

DataTable holiday = Attendance.getInstance().getHolidays();
string script = string.Empty;

for (var i = 0; i < holiday.Rows.Count; i++)
{
     var hd = holiday.Rows[i]["holiday_date"].ToString();
     script += " applyCss(" + hd + "); ";
}
Page.ClientScript.RegisterClientScriptBlock(GetType(), "myScript", script, true);

answered Jun 5, 2017 at 5:10

Koby Douek

16.7k21 gold badges79 silver badges110 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

interkey Over a year ago

Hi Sir @Koby Douek first of all thank you for your response. Now I understand that I can only call one clientscript. However, your suggestion seems to not work. Regardless, thank you for helping me to understand! :)

Coder1991 · Accepted Answer · 2017-06-05 05:30:44Z

1

My suggestion would be instead of looping through the cells and RegisterClientScriptBlock function in server side you can get all the cells in one 'string array' and pass that to the client side function as a parameter via RegisterClientScriptBlock function.

Your client side function's parameter should be of string array type and you can loop through the array in the client side which will fetch you the result.

answered Jun 5, 2017 at 5:30

Coder1991

7351 gold badge5 silver badges9 bronze badges

2 Comments

interkey Over a year ago

Thanks for the suggestion Sir! @Coder1991 Will give a feedback after i've tried

Coder1991 Over a year ago

@Gen Sure. Hope you've understood my answer.

Fabrício Murta · Accepted Answer · 2017-06-06 17:19:23Z

0

Use

X.AddScript("applyCss(" + hd + ")");

(but the array string appending approach provided by the others works too)

answered Jun 6, 2017 at 17:19

Fabrício Murta

3452 silver badges9 bronze badges

Collectives™ on Stack Overflow

C# - Call the same javascript function inside a loop

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related