CODEWITHSUNDEEP
asp.net-mvcjson
Nirman
Nirman

Reputation: 6783

$.data is undefined

Following is the markup of my MVC razor view:

<div style="visibility:visible;">
var data = [
        {"id":"1", "ui_bgcolor":"Green", "ui_forecolor": "Black"},
        {"id":"2", "ui_bgcolor":"Amber", "ui_forecolor": "Black"},
        {"id":"3", "ui_bgcolor":"Red", "ui_forecolor": "White"}
]
</div>

<script type="text/javascript">
    function SetGradeDLLItemStyling() {
        $.each(data, function (i) {
            alert(data[i].UIBackgroundColor);
        });
    }
</script>

I am receiving $.data is undefined error in script block. What is wrong here?

Upvotes: 1

Views: 690

Answers (1)

scartag
scartag

Reputation: 17680

data isn't defined in a script block, hence isn't available.

<script type="text/javascript">
var data = [
        {"id":"1", "ui_bgcolor":"Green", "ui_forecolor": "Black"},
        {"id":"2", "ui_bgcolor":"Amber", "ui_forecolor": "Black"},
        {"id":"3", "ui_bgcolor":"Red", "ui_forecolor": "White"}
]
</script>

Upvotes: 2

Related Questions