imagemapster를 사용하여 이미지 맵의 선택된 영역을 ASP.NET에서 보내는 방법은 무엇입니까?

Question

ASP.net 웹 양식의 프로젝트가 있습니다. 나는 양식을 가지고 있고 그 형태로 나는 여러 영역을 강조 할 수있는 가능성을 가지고 imagemapster를 사용하고 프런트 엔드에서 [

<asp:ImageMap ID="imCarDiagram" runat="server" ImageUrl="~/Content/Resources/car-diagram.png" HotSpotMode="PostBack"> 
    <asp:PolygonHotSpot Coordinates="106,42,107,25,147,18,211,14,335,25,336,41,335,43,328,41,323,32,225,24,118,33,114,44,106,42" AlternateText="Front bumper" PostBackValue="FrontBumper" HotSpotMode="PostBack" /> 
    <%--<asp:PolygonHotSpot Coordinates="113,81,138,49,303,51,325,80,297,70,143,69,113,81" AlternateText ="Front of the car" PostBackValue="FrontOfTheCar" HotSpotMode="PostBack" />--%> 
    <asp:PolygonHotSpot Coordinates="145,63,145,55,166,55,166,63,145,63" AlternateText="Left Headlight" PostBackValue="LeftHeadlight" HotSpotMode="PostBack" /> 
    <asp:PolygonHotSpot Coordinates="272,63,272,55,292,55,292,63,272,63" AlternateText="Right Headlight" PostBackValue="RightHeadlight" HotSpotMode="PostBack" /> 
    <asp:PolygonHotSpot Coordinates="105,185,135,155,138,134,110,105,110,86,122,75,142,70,153,118,159,176,105,185" AlternateText="Left Fender" PostBackValue="LeftFender" HotSpotMode="PostBack" /> 
    <asp:PolygonHotSpot Coordinates="142,69,154,125,158,176,282,177,283,129,294,69,142,69" AlternateText="Hood" PostBackValue="Hood" HotSpotMode="PostBack" /> 
    <asp:PolygonHotSpot Coordinates="281,177,282,129,294,69,315,75,329,87,329,105,311,119,299,142,303,162,333,185,281,177" AlternateText="Right Fender" PostBackValue="RightFender" HotSpotMode="PostBack" /> 
    <asp:CircleHotSpot X="101" Y="144" Radius="30" AlternateText="Left Wheel" PostBackValue="LeftWheel" HotSpotMode="PostBack" /> 
    <asp:CircleHotSpot X="335" Y="145" Radius="30" AlternateText="Right Wheel" PostBackValue="RightWheel" HotSpotMode="PostBack" /> 
</asp:ImageMap> 

있습니다. 모두 잘 작동합니다. 자동차 다이어그램에서 여러 영역을 선택할 수 있습니다. submit (데이터 저장 위치 : onclick = "submit_event")을 클릭하면 코드에서 선택된 영역을 뒤에 어떻게 보내나요?

업데이트 내가 선택한 지역 btnSave_Click 이벤트에 가져올 수있는 방법 1

<asp:Button runat="server" ID="btnSave" Text="Save" OnClick="btnSave_Click" class="btn submit action-button btn-success" /> 

protected void btnSave_Click(object sender, EventArgs e) 
{ 
    SaveClaim(code that is saving the rest of the fields); 

} 

?

Answer 1

관리 문제가 있습니다. 솔루션 : 보이지 않는 입력을 추가하고 해당 입력에 선택한 영역의 열거를 채 웁니다. 그런 다음 JS를 사용하여 해당 입력을 열거 형으로 채 웁니다.

var img = $('#img'); 
    $(img).mapster({ 
     onStateChange: function(){ 
     document.getElementById('#input_text').value = img.mapster('get') 
     } 
    }); 
});