अपने नियंत्रक में मैं इस तरह से एक मॉडल ऑब्जेक्ट वापस करता हूं:
double[] calculateYearMonth=statistics.CalculateActive();
modelAndView.addObject("statistics",calculateYearMonth);
यह गणना विधि 4 सदस्यों के साथ एक सरणी देता है। महिला, पुरुष, वर्ष, महीना, अनुपात।
मेरे Html में मेरे पास एक div है और उसके नीचे मेरे दो लिंक हैं:
<div class="row centerAlign">
<h1><strong>RESULTS</strong></h1>
</div>
<div class="row centerAlign" id="month">
<div>
<a href="" style="float: right;">Month</a>
<a href="" style="float: left;">Year</a>
</div>
</div>
जब मैं उस एंकर पर क्लिक करता हूं जो मंथ कहता है, मैंवस्तु आँकड़े प्राप्त करना चाहते हैं [3] - इसलिए तीसरा सदस्य और उसे प्रदर्शित करें जहाँ वह परिणाम कहता है। और जब मैं वर्ष पर क्लिक करता हूं, तो मैं आंकड़े प्राप्त करना चाहता हूं, लेकिन 4 सदस्य। और परिणाम पर प्रदर्शित करें।
मैं Thyemeleaf का उपयोग कैसे करूँ? मैं चयनित एंकर को कैसे प्रदर्शित करूं? धन्यवाद
उत्तर:
जवाब के लिए 0 № 1आप जावास्क्रिप्ट ऑब्जेक्ट में डेटा स्टोर करने के लिए नीचे का उपयोग कर सकते हैं:
<script th:inline="javascript">
var stats = /*[[${statistics}]]*/{};
</script>
फिर यह जावास्क्रिप्ट वस्तु stats क्लाइंट की तरफ उपलब्ध है और आप क्लिक किए गए एंकर के आधार पर आवश्यक डेटा प्राप्त कर सकते हैं
<a href="javascript:void(0);" style="float: right;"
class="results" data-index="3">Month</a>
<a href="javascript:void(0);"style="float: right;"
class="results" data-index="4">Year</a>
और घटना हैंडलर में आप लिख सकते हैं:
$(".results").on("click", function(){
var index = $(this).data("index");
var statObj = stats[index];
});